使用子弹和背景颜色的导航列表只使用css - 可能吗？

Question

为了在每个导航li元素上正确放置子弹图像，我们通常使用背景属性来放置它。

但是，如果我们希望在列表中添加背景更改，我们应该在li中设置我们的锚点以“display:block;”

问题： 一旦我们向元素添加“display:block”并设置背景颜色，我们的子弹就会消失。

有一个菜单的最佳方法是： 当用户超过它时更改背景颜色， 但那还没有松动子弹？

更新 请考虑以下代码： http://jsfiddle.net/4PUFa/1/

ķ。问候

Answer 1

您不应该将background属性用于列表项目符号。你应该使用这个：

   ul { list-style-image: url(path/yourImage.gif); }

仍然留下背景工作的背景。

编辑：对于正确的图片（根据您的评论），我可以提出两个可能的建议，但只有一个适用于IE7，所以我只会提供：

将项目符号放在a标记的背景中，然后更改li上的颜色。

像这样：http://jsfiddle.net/4PUFa/3/

Answer 2

  

问题：一旦我们为元素添加“display：block”并设置背景颜色，我们的子弹就会消失。

我觉得这是假的。看：http://jsfiddle.net/dbugger/4PUFa/

你可能使用了两倍的速记“背景”，并且不知道这第二个abckground将使第一个的所有部分无效。