css在listitem中填充圖像（導航欄）

我的導航欄上的每個listitem都顯示一個圖像，問題是我無法使用填充左側10px的填充，我的瀏覽器會認爲listitems需要填充左側我的背景圖像。css在listitem中填充圖像（導航欄）

有沒有一種方法可以減少#menu裏的背景圖像屬性選擇器，而不影響我的網頁上的其他背景圖像屬性？

#menu li a{ 
    display:block; 
    font-family:Tahoma, Geneva, sans-serif; 
    font-size:12px; 

    color:#ffffff; 

    text-decoration:none; 

    background-color: #376596; 

    padding-top:2px; 
    padding-left: 20px; 
    padding-bottom: 2px; 

    background-image:url('http://images.subeta.net/smilies/6398_emoticon_smile.gif'); 
    background-repeat:no-repeat; 
}

，你可以看我的全部代碼here

我一直在尋找所有網站上的解決方案，但我的英語不是足以搜索我的問題，因爲我不知道的話/我應該要求的條款我仍然是一個新手。

來源

2013-05-04 JayD

只是嘗試背景位置。

menu li a{ 
background-position:10px 0px; 
}

來源

2013-05-04 16:23:40

感謝它的工作原理，但它是搞亂我的菜單李a：懸停{背景:( – JayD 2013-05-04 17:23:44

我得到它修復，只需要把我的懸停選擇器甜！ – JayD 2013-05-04 17:48:41

我的聲譽是低的背景位置：0px 0px; 現在進行投票，但是我會在更高的時候進行投票。 – JayD 2013-05-06 16:57:30

您不能在背景圖像上使用填充。你可以做什麼定位像這樣的圖像：

background-image:url('http://images.subeta.net/smilies/6398_emoticon_smile.gif') no-repeat 5px 0px;

它現在將位置從左5px和從頂部0。哦，刪除background-repeat:no-repeat

來源

2013-05-04 16:09:02

由於某些原因，這部分代碼無法正常工作。 – JayD 2013-05-04 18:25:34

css在listitem中填充圖像（導航欄）

回答

相關問題