当前页面导航菜单上的背景图像

时间:2012-02-14 13:05:41

标签: css background

我一直在研究这个jsFiddle作为我想要的例子。基本上“li.current_page_item”上有背景图片。单击时我想将文本环绕。

图像尺寸为146(宽)x 44(高)

虽然我有点困难,并寻求一些帮助。我把图形做成了一个尺寸,因为它似乎更简单。

想知道是否有人可以帮助我。确保后台切换到每个活动项目,并明显阻止列表项跳过。

提前致谢。

1 个答案:

答案 0 :(得分:1)

我可以看到背景图像没有完全显示的两个原因。

首先是因为您在height标记上设置了widthli,这是一个内联元素(因此无法设置height或{{1 }})。因此,您需要将其设置为widthblock元素。

第二个是您在嵌套在inline-block内的锚标记上设置背景图像 - 它没有设置li.current_page_itemheight。要解决此问题,我只需将背景图像移动到width CSS。

所以下面的CSS可以工作:

li.current_page_item

工作示例:http://jsfiddle.net/9aUaK/2/