我一直在研究这个jsFiddle作为我想要的例子。基本上“li.current_page_item”上有背景图片。单击时我想将文本环绕。
图像尺寸为146(宽)x 44(高)
虽然我有点困难,并寻求一些帮助。我把图形做成了一个尺寸,因为它似乎更简单。
想知道是否有人可以帮助我。确保后台切换到每个活动项目,并明显阻止列表项跳过。
提前致谢。
答案 0 :(得分:1)
我可以看到背景图像没有完全显示的两个原因。
首先是因为您在height
标记上设置了width
和li
,这是一个内联元素(因此无法设置height
或{{1 }})。因此,您需要将其设置为width
或block
元素。
第二个是您在嵌套在inline-block
内的锚标记上设置背景图像 - 它没有设置li.current_page_item
或height
。要解决此问题,我只需将背景图像移动到width
CSS。
所以下面的CSS可以工作:
li.current_page_item