css - 在 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：

背景图像：无；

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

因此，如果有人知道这一点，我将不胜感激。

Answer 1

看来您缺少;后背景图像，请参见下文

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