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

Question

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

但是，如果我们希望在列表中添加背景更改，我们应该在li中设置我们的锚点以display:block; “ 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将使第一个的所有部分无效。