在li-class中使用sprite png並在div中顯示

Question

我在li類的div中顯示sprite時出現了一些問題。

所以結構：

<li id="aa"> 
    <div><a href="#">one</a></div> 
</li> 

而CSS：

li{ 
     width: 120px; 
    height: 18px; 
    margin-top: 5px; 
} 
li div{ 
     width: 20px; 
    height: 10px; 
    background-image:url(../images/sprite.png); 
    background-repeat: no-repeat; 
    margin-left: 0px; 
    font-weight:bolder; 
    border: 1px solid #fff; 
} 

當我使用這個我可以看到精靈連外格。所以我嘗試加入li：

background-image：none;

這使得div中的圖像不可見。

所以如果有人知道我真的很感激。

Answer 1

看來你缺少一個;後的背景圖片，請參見下面

background-image:url(../images/sprite.png);