[ JavaScript ] IE6 で透過 PNG を使えるようにするライブラリ

↓この記事が気に入ったら、ぜひシェアをお願いします!

普通、Internet Explorer 6 では透過 PNG が使えないのですが、それを使えるようにする JavaScript ライブラリを試してみました。

Sample

▲ こんな感じの表示ができるようになります。

スポンサーリンク

DD_belatedPNG.js と言うライブラリを使う場合

DD_belatedPNG.js を適用する箇所は、次の様な IE6 用の条件付きコメントで指定します。

<!--[if IE 6]>
<script src="DD_belatedPNG_0.0.8a-min.js"></script>
<script>
    // ここで透過 PNG を使っている要素名やクラス名を指定する。
    DD_belatedPNG.fix('img, .png_bg');
</script>
<![endif]-->

自分のローカル環境のスタンドアローン版 IE6 では、条件付きコメントがうまく動かずハマった…。

参考 : IT キヲスク | IE6 用透過 PNG 対応策、DD_belatedPNG の使用法と注意点

alphafilter.js と言うライブラリを使う場合

西畑一馬さまが作った JavaScript ライブラリ。未試用です。スミマセン…。

参考 : アルファ画像を扱う alphafilter.js ライブラリ [ to-R ]


以上です。新しいライブラリを見つけたら追記しますねー。

スポンサーリンク