普通、Internet Explorer 6 では透過 PNG が使えないのですが、それを使えるようにする JavaScript ライブラリを試してみました。
▲ こんな感じの表示ができるようになります。
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 ]
以上です。新しいライブラリを見つけたら追記しますねー。