毎度毎度IE6にはお世話になっています。(棒読み
IE PNG Fix に関する記事なんてもういくらでもあるわけですが、自分のためにメモっておきます。
IE PNG Fix にもいろいろ種類があるので、そこら辺をまとめておこうかな、と。
では早速。
IE PNG Fix 2.0
GPLライセンスのTwinHelixの IE PNG Fix はたぶん一番有名なのではないでしょうか。
上のリンクからファイルをダウンロードできますが、使い方も簡単で、基本的にはCSSファイルにiepngfix.htcを読み込むだけで利用できます。
(詳しい利用法はこちら。IE PNG Alpha Fix Demonstration)
しかし、PNGを透過するために必要なファイルがおおく、少し扱いにくいのが難点ですね。
jQuery PNG Fix
これはつい最近知ったのですが、jQueryのプラグインでPNG Fixができちゃうみたいです。
僕はMA-CREATORSさんの記事を参照しました。
[JQプラグイン]jQueryを使ってIE6で透過PNGをCSSやIMGに使用する : ma-creators
読み込むJSファイルはひとつだけ、jQueryのスクリプトも1行だけ、というお手軽さです。
直接DLしたい方はこちらからどうぞ。MITライセンスです。
Campbells Digital Soup | PNG Fix
ユンサンのPNG Fix
こちらのPNG FixはDesign Walkerさんで紹介されていて、知っている人も多いと思います。
ユンサンの/융상의/YungSang's: 透過PNG と IE と IE7
(下のほうの追記に改良版JSの使い方のまとめと注意点が載っています。)
このPNG FixもJSファイルを1つ読み込むだけで簡単です。エフェクト中の透過もしっかりやってくれるみたいですね。
その他
透過PNGをIE6で表示させるjavascript「Unit PNG Fix」 | DesignDevelop
こちらの Unit PNG Fix はJSファイルと1 x 1のGIF画像で動作します。
IE6で透過PNGを手軽に使えるJavascriptライブラリ「DD_belatedPNG」 | CSS-EBLOG
CSS-EBLOGさんで紹介されているのは、「DD_belatedPNG」というライブラリです。VMLという技術でPNG画像を透過させているそうです。
リンク先にはデモもありますので、見てみるとよくわかります。
とまぁざっと調べてこれくらいが出てきたんですけど、やっぱり選択肢が多すぎて何を使えば良いのやら…。個人的にはファイルひとつだけで動作するものがお手軽で良いと思うのですが。サイトにはjQuery使ってるし、jQueryのプラグインにしようかなぁ。
