在li-class中使用sprite png并在div中显示

Question

我在li类的div中显示精灵时遇到问题。

所以结构是：

<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;
}

当我使用它时，我甚至可以在div之外看到精灵。所以我尝试将其添加到li：

  

background-image：none;

这使得div中的图像也不可见。

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

Answer 1

在背景图片之后，您似乎错过了;，请参阅下面的

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