私はスプライトが好きですが、私の全体的なニーズには非常に役立ちます。幅 100% の要素の背景画像としてスプライト画像を使用する手段があるかどうかを調べようとしていますが、適用したいスプライトの背景部分の幅は 1px です。スプライトは現在、幅 100 ピクセル、高さ約 180 ピクセルです。これは可能/合法ですか？もしそうなら、どうすればいいですか？それとも、スプライトとは独立した 1 ピクセル x 120 ピクセルのイメージを使用して、特定の要素で希望する方法で背景をスパンする必要がありますか?
必要なBGとしてスプライトの0 0位置だけを実行することを考えましたが、それに関する私の問題は、一部の領域のロールオーバー効果として使用したいスプライトの同様の部分があることです
疑似バックグラウンドクロップでこれを達成できるかもしれないと思います。ここに役立つ記事があります：http：//nicolasgallagher.com/css-background-image-hacks/役立つかもしれません。
ただし、これが繰り返しの背景画像として使用できるかどうかについては懐疑的です。あなたはそれを伸ばすことができるかもしれませんが（background-size:100%）、それについてはよくわかりません。
繰り返し背景画像の場合、スプライトとは独立した画像を使用する必要があります。私の知る限り、スプライトの特定のセグメントを指定してバックグラウンドで繰り返す方法はないため、スプライト全体を単純に表示して繰り返すことになります。
そして、確かにChromium 19では、使用background-sizeは答えではないようです.
したがって、1 つの div 内に 3 つの div が配置されます。左と右については、通常どおりスプライトをクリップします。中央の場合、ボタンの中央部分がスプライトの長い部分で満たされるように、スプライトを十分に長くします。
質問しないでください。想像力を働かせてください。