繰り返しの背景イメージをスプライトで使用することはできますか？

Question

可能性の重複：
CSS Sprites and repeating backgrounds

反復可能な背景として、スプライトの画像を使用することを可能にする任意のトリックはありますか？

Answer 1

はい、いくつかの制限がありますが、イメージがどのように繰り返されるかによって異なります。繰り返し方向に応じてこれをどうやって進めるのですか？

繰り返し：これは可能ではないと思います。

repeat-X：これらをスプライトシートに縦に積み重ねます。 「行」ごとに1つのイメージしか作成できません。すべての画像は同じ幅でなければなりません。

repeat-y：画像を水平に並べ、「列」ごとに1つの画像しか持たないようにします。すべての画像は同じ高さでなければなりません。

繰り返し/ノーリピート方式ごとに別々のスプライトシートを使用することにも制限があります。

Answer 2

いいえ、実際はありません。 CSS3でもこれを正しく行う方法はありません（重複した質問に示されているような独自のimage-rectプロパティがありますが、すべてのブラウザでサポートされているわけではありません）。