0

Google ページの速度で自分の Web サイトをテストしたところ、画像を CSS スプライトに結合して画像のリストを表示するという提案がありました。

私はそれに関して利用可能なすべてのリンク/記事を読み、それらの多くは例も示しています.

私はjqueryを使用しましたが、画像が含まれるクラスのhtml呼び出しがないという点で画像が呼び出されます。

以下は、1 つの画像のサンプル CSS コードです。

.theme-default .nivo-controlNav a { display:block; width:22px; height:22px; background:url(../images/bullets.png) no-repeat; }

nivo-controlNav クラスは、HTML コードのどこにも呼び出されず、jquery によって暗黙的に呼び出されます。

私の問題を解決する方法はありますか?

css スプライト画像と画像の css コードを取得しましたが、html コードからどこでどのように呼び出すかを判断できません。

私はcssの初心者です。すべての提案を歓迎します。ありがとうございました。

4

1 に答える 1

1

各画像クラスに background-position を指定すると、この問題は解決すると思います。

.image-1{background-position:x y;}

このページの背景位置に関する詳細情報を確認してください。

于 2013-02-19T13:11:16.920 に答える