实际例子:
http://wenshu.court.gov.cn/content/content?DocID=fd4ed727-c67f-4fd4-8635-64f274fa1203。 点击目录按钮,展开见附件图片(左边为调试加了
border)。
该目录将<li>项串在一起,具体做法: <li>的显示风格为无(list-style-type:
none),在<li>靠近右边border位置绘制串线背景图(通过设置background-position,
和url属性)。<li>鼠标hover的时候,更换背景图为选中游标。
问题:
(1) 串线背景图不能超过<li>所在border范围[1]。 即便<li>垂直紧挨,左图border之
外,怎么还会有串线?(如何实现的)
(2) hover更换背景为游标图标时,游标图标较小,必然有空白的位置。 空白位置是如
何被串线图补上的?
谢谢。
串线背景图:
http://wenshu.court.gov.cn/Assets/img/content/content_summary_node.png
游标背景图:
http://wenshu.court.gov.cn/Assets/img/content/content_directory_icon.png
[1]
http://stackoverflow.com/questions/3548194/place-background-image-outside-border-of-containing-div
--
修改:saynothing FROM 218.108.104.*
FROM 218.108.104.*