css - li-class でスプライト png を使用し、div で表示する

Question

クラス内の div にスプライトを表示する際に問題がありliます。

したがって、構造は次のとおりです。

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