「IE6で透過PNGを正常に表示させる。」の編集履歴(バックアップ)一覧はこちら
追加された行は緑色になります。
削除された行は赤色になります。
過去にIEPNGFIXやらなんやらとIE6で透過PNGを正常に表示させる方法があったとおもいますが、あれは「AlphaImageLoader」フィルターっつー機能をつかって表示させていたらしいです。
この機能ってのが処理が結構おもいらしくちゃんと表示はしてくれるのですが、低スペックのPCには負担でしかなかったそうです。
で、今回みつけたやつはその機能じゃない方法をつかっての表示ため、結構かるいとのことです。ぼくはまだ使う機会がないのでつかってにのですが、いくつかのブログさんに書かれていました。
「DD_belatedPNG.js」っていうJSを使えばいいらしいです。
使い方も簡単jsファイルをダウンロードし、下記を<head></head>内に記述すればいいだけらしいです。
----
<!--[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]-->
----
ってことで非常に簡単だそうです^^
詳しくは
[[DD_belatedPNG.js。IE6で透過pngを表示させる決定版-チバのブログ様>http://blog.chibatch.jp/articles/dd_belatedpng.html]]
スクリプト配布元は
[[・ダウンロード>http://www.dillerdesign.com/experiment/DD_belatedPNG/#download]]
[[・デモ>http://blog.chibatch.jp/sample/dd_belatedpng.html]]
過去に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]-->
----
ってことで非常に簡単だそうです^^
詳しくは
[[DD_belatedPNG.js。IE6で透過pngを表示させる決定版-チバのブログ様>http://blog.chibatch.jp/articles/dd_belatedpng.html]]
スクリプト配布元は
[[・ダウンロード>http://www.dillerdesign.com/experiment/DD_belatedPNG/#download]]
[[・デモ>http://blog.chibatch.jp/sample/dd_belatedpng.html]]