使用子彈和背景顏色的導航列表只使用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將使第一個的所有部分無效。