CSS背景圖像不會出現鏈接

Question

旁邊創建圖標，我創建使用CSS ，UL，並李水平菜單。另外我想在每個鏈接旁邊顯示一個圖標。但是我爲此寫的是行不通的。
HTML：

<ul id="menu2ul"> 
    <li id="general"><a href="g">General Information</a></li> 
    <li id="technical"><a href="t">Technical Information</a></li> 
</ul> 

CSS：

#general { 
    background:url('https://cdn2.iconfinder.com/data/icons/freecns-cumulus/16/519899-175_Information-16.png') left center no-repeat; 
} 

#menu2ul { 
    list-style:none; 
    margin:0 0 0 0; 
    padding:0 
} 

#menu2ul li { 
    float:left; 
    line-height:50px; 
    border-left:1px solid #A3D26F; 
    text-align:center; 
    padding-left:0px 
} 

#menu2ul li a { 
    padding:0px 30px 0px 30px; 
    color:#ffffff; 
    font-size:10pt; 
    font-weight:bold; 
    display:block; 
    height:50px; 
    background-color:#8CC637; 
    min-width:100px; 
    text-decoration:none 
} 

請檢查我的jsfiddle。 我該如何解決這個問題？

Answer 1

變化#general到#general a

#general a{ 
    background:url('https://cdn2.iconfinder.com/data/icons/freecns-cumulus/16/519899-175_Information-16.png') left center no-repeat; 
} 

在其他情況下，圖像將錨標記

Fiddle Demo

的背景後面如果你想爲所有的列表項的圖標，然後使用

#menu2ul a{ 
    background:url('https://cdn2.iconfinder.com/data/icons/freecns-cumulus/16/519899-175_Information-16.png') left center no-repeat; 
} 

Fiddle Demo

Answer 2

a { 
background:url('https://cdn2.iconfinder.com/data/icons/freecns-cumulus/16/519899- 175_Information-16.png') left center no-repeat; 
} 

檢查： -

http://jsfiddle.net/829TE/

Answer 3

您的ID = 「一般」 是對列表項，而不是內錨標記。

fiddle

一個解決方案：

頁：

<ul id="menu2ul"> 
    <li><a href="g" class="infolink">General Information</a></li> 
    <li><a href="t" class="infolink">Technical Information</a></li> 
</ul> 

CSS：

.infolink { 
    background:url('https://cdn2.iconfinder.com/data/icons/freecns-cumulus/16/519899-175_Information-16.png') left center no-repeat; 
    background-position: 5% 50%; 
}