以前にも紹介させていただいたDD_belatedPNG_0.0.8a.jsですが、
IE6、IE7には対応していますがIE8では動いてくれない…
ですので、がっつりIE下位バージョンに対応させようとなると、今回紹介させていただくjQueryベースのスクリプトjquery.belatedPNG.js を利用します。
jquery.belatedPNGのダウンロード
以下のページよりjquery.belatedPNGをダウンロードします。jquery.belatedPNG
jquery.belatedPNGの設置
ダウンロードしたjquery.belatedPNG.jsを、jQueryファイルと一緒に <head> 内に設置します。|
1 2 3 4 5 6 7 8 9 10 |
<!--[if lt IE 9]> <script type="text/javascript" src="./jquery.belatedPNG.js"></script> <script type="text/javascript"> (function($) { $(function() { $('.pngFix').fixPng(); }); })(jQuery); </script> <![endif]--> |
あとはDD_belatedPNG_0.0.8a.jsの時と同じように<img>タグに pngFixのクラスを指定します。
コメント