CSSスプライトとIE6

Question

IE6はCSSスプライトをサポートしていますか？

Answer 1

CSSスプライトはbackround-positionを使用した一般的な解決方法です。これはIE5でも使用できます。

それらについての良いチュートリアルは次の場所にあります。http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/

Answer 2

はい。

CSSスプライトは、同じイメージのさまざまな部分をさまざまな要素に表示するために背景イメージにオフセットを使用する単なるテクニックです。

私が働いている会社のthe websiteのメインメニューや、自分ではweb siteのフラグにCSSスプライトを使用しています。私はCSSスプライトと呼ばれる前にそれを使い始めました...

Answer 3

背景位置プロパティをサポートするブラウザは、CSSスプライトもサポートします。

CSS Sprites: What They Are, Why They’re Cool, and How To Use Them

はいも

CSS Sprites images rendered with bad quality in IE

CSS Sprite Help

Answer 4

を、次の質問をご覧ください。 PNGを使用している場合は、いくつか考慮する必要があります。ここではIE 6のPNG問題のまともな要約です：

http://24ways.org/2007/supersleight-transparent-png-in-ie6

Answer 5

私はIE6 CSSが問題を自分でスプライト発生している - I blogged it here：

本当に簡単に修正プログラムがあります - 私はここで自分自身を引用...

幸いにも、解決策はそれほど悪くはありませんでした。 Internet Explorerのpassimは、オーバーフローを無視しているように見えます。子要素がposition：relativeに設定されていると隠されています。良いニュースではありません...しかし、解決策は簡単です - オーバーフローで要素を設定してください：相対位置を変更し、位置を変更する：子供の相対宣言を位置にする：絶対...仕事

完全な詳細は、そのリンクで見つけることができます。

Answer 6

はいIE 6はスプライトをサポートしますが、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 */ 

Answer 7

オンラインでsprites generatorを使用できます。それらの多くは無料で利用でき、ほとんどはすべてのブラウザをサポートしています。

Answer 8

また、接着剤を使用することもできますhttp://gluecss.com/ スプライトを生成するためのオープンソースのコマンドラインツールです。

Answer 9

スプライトはie6で完全に動作します。しかし、png画像は機能しませんので、gifを使用してください。 Smushでgifを処理する場合。それは無損失にオーバーヘッドを削除するために、対応するpngよりも小さいファイルサイズを取得する可能性があります。