ウノウラボ Unoh Labs: IE6でアルファチャンネルを含むPNGを表示する

yamaokaです。 webサイトで背景が透明な画像を使用する場合、画像を透過GIFまたはアルファチャンネルを含むPNGで作成する必要があります。どちらを使用してもかまわないのですが、下図のように背景を指定した場合はPNGの方がきれいにアンチエイリアスがかかります。 透過GIFとアルファチャンネルを含むPNGの比較 posted by (C)フォト蔵 PNGを使いたくなるところですが、Internet Explorer 6（以下IE6）はアルファチャンネルに対応していないので、一工夫する必要があります。IE6でアルファチャンネルを含むPNGを表示するには、IE6のフィルタ機能であるAlphaImageLoaderを使用します。フィルタを使用すると、画像としてではなく要素の背景のように振る舞います。したがって、表示させるにはIE6でアクセスがあった場合のみ以下のような処理を行えばよいことにな

[raimon49]

IE6で透過PNG

[webmarksjp]

javascript

[tommax]

IE6はPNGデータに非対応なんですって。それをちゃんと表示されるトピックです。

[MugeSo]

アルファチャンネル

[s-e-i]

IE6(以下)の場合はAlphaImageLoaderを使用する

[Back]

IE6で透過pngを扱う方法

[cocoitiban]

99げと

[silver_arrow]

アルファチャンネルな画像をIEで..の件。知ってたけど探すの面倒なのでメモ。

[aratako0]

いいのだけど、面倒だ。IE7の浸透まで待っておきたい。

[m-komagata]

IE6でPNGのアルファチャンネルをフィルタで代替

[adamrocker]

IE6で透過PNGを実現するには今までかなりの手間であった。問題はJavaScriptにより解決できる。それを簡単利用できる形でライブラリ化してくれています。ありがたい。

[nilab]

ウノウラボ Unoh Labs: IE6でアルファチャンネルを含むPNGを表示する

[amachang]

<!--\[if lte IE 6\]> で script を入れたらいいのかな

[klangfarbe]

PNG 透過 image javascript js IE

[send]

おもしろい

[lomo_lomo]

imgタグのsrc属性を透過GIFに入れ替える

[hiro_y]

書いた。

[poolmmjp]

cssのfilterを使ってやる手法は前からあったけど、あまりキレイなコードじゃないから微妙に避けてた(どうしてもっていう時だけ使ってた)。こうやってjsのクラスにしちゃえば良かったのね。

[shidho]

こりゃめんどくせえ。

[wacky]

アルファチャンネル付き透過PNGをIE6で扱うJavaScriptの実装解説。