IE6 は css-sprite をサポートしていますか?
9 に答える
はいIE6はスプライトをサポートしていますが、24ビットのPNG透過性はサポートしていません。
私はこのcssハックを使用して、IE <7にgifファイルを提供し、その他すべてに透明性のある24ビットpngを提供します。
background-image:url(/images/sprites/icons-sprite.png);
_background-image:url(/images/sprites/icons-sprite.gif); /* IE<7 gets the crappy icons */
Glue http://gluecss.com/を使用することもできます 。これは、スプライトを生成するオープンソースのコマンド ライン ツールです。
CSS スプライトは、IE5 でも使用できる backround-position を使用した一般的なソリューションです。
それらに関する優れたチュートリアルがここにあります: http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/
オンラインのスプライト ジェネレーターを使用できます。それらの多くは無料で利用でき、それらのほとんどはすべてのブラウザーをサポートしています。
background-position プロパティをサポートするブラウザーは、CSS スプライトもサポートします。
CSS スプライト: その概要、クールな理由、および使用方法
以下の質問もご覧ください
はい。ただし、PNG を使用している場合は、いくつかのことを考慮する必要があります。これは、IE 6 PNG の問題の適切な要約です。
スプライトは ie6 で完全に動作します。ただし、png 画像は機能しないため、gif を使用してください。Smush.it を使用して gif を処理してロスレスでオーバーヘッドを除去すると、対応する png よりもファイル サイズが小さくなる場合があります。