私はCSSスプライトに不慣れで、Firefoxでそれらを使用しようとしています。問題は、タグまたは任意のタグにスプライトをロードすると、ページにスプライト画像全体が表示されることです。
text-indent = -9999pxも使用してみましたが、役に立ちませんでした。画像はまだページの残りの部分の上に表示されていました。z-indexを使用しても役に立ちませんでした。
#container{
background: url(csg-50e22b073c545.png) no-repeat top left transparent;
overflow: hidden;
}
.bulletform{
background-position: 0 - 1567px;
width: 30px;
height: 30px;
}
だから、私の質問は次のとおりです。1.スプライト画像全体を表示しないようにするにはどうすればよいですか？2.たとえば、ページのルートDIVタグにスプライト画像を1回だけ読み込むことはできますか？次に、background-positionを使用して、関連する場所に個々の画像を表示しますか？
助けてください。