IE6で透過PNGを正常に表示させる。


※上記の広告は60日以上更新のないWIKIに表示されています。更新することで広告が下部へ移動します。

過去にIEPNGFIXやらなんやらとIE6で透過PNGを正常に表示させる方法があったとおもいますが、あれは「AlphaImageLoader」フィルターっつー機能をつかって表示させていたらしいです。
この機能ってのが処理が結構おもいらしくちゃんと表示はしてくれるのですが、低スペックのPCには負担でしかなかったそうです。

で、今回みつけたやつはその機能じゃない方法をつかっての表示ため、結構かるいとのことです。ぼくはまだ使う機会がないのでつかってにのですが、いくつかのブログさんに書かれていました。

「DD_belatedPNG.js」っていうJSを使えばいいらしいです。
使い方も簡単jsファイルをダウンロードし、下記を<head></head>内に記述し
透過にしたい要素を下記でいうならばクラスを「transparent」にすればいいらしいです。


<!--[if lte IE 6]>
<script type="text/javascript" src="/path/to/DD_belatedPNG_0.0.7a.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.transparent');
</script>
<![endif]-->


ってことで非常に簡単だそうです^^
詳しくは



スクリプト配布元は
・ダウンロード
・デモ