作業中の Web ページのスプライトを作成するためにCSS スプライト ジェネレーターを使用していますが、動作していないようで、理由がわかりません... 明らかなことだと思いますが..!
そこで、3 つの画像を取得し、zip 圧縮し、PNG ファイルを生成しました (結果を確認したところ、問題ないようです)。次の css クラスが返されました。
.sprite-welcom1 { background-position: 0 -30px; }
.sprite-welcom3 { background-position: 0 -109px; }
.sprite-3 { background-position: 0 -188px; }
ここに私がテストしている HTML がありますが、何らかの理由で空白のページしか表示されません。
<html>
<head>
<style>
.sprite-welcom1 { background-position: 0 -30px; }
.sprite-welcom3 { background-position: 0 -109px; }
.sprite-3 { background-position: 0 -188px; }
.sprite-bg {
background: url(csg-495a902b04181.png) no-repeat top left;
}
</style>
</head>
<body>
<div class="sprite-bg sprite-3"></div>
</body>
</html>
任意のヒント?