在 Li 类中使用精灵 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：

背景图像：无;

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

因此，如果有人知道这一点，我真的很感激。

Answer 1

背景图像后似乎缺少;，请参见下文

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