IE6で透過pngを表示する「DD_belatedPNG」

Check このエントリーをはてなブックマークに追加

配布元:Medicine for your IE6/PNG headache!
ライセンス:MIT License.

DD_belatedPNGはIE6で透過pngを表示するJavaScriptライブラリだ。background-positionやbackground-repeatなどのプロパティや:hover擬似クラスなどにも対応している。
その上、AlphaImageLoaderではなくVMLにより実装されている為、比較的早くに動作する。

使い方

ダウンロードしたDD_belatedPNGをhead要素などで読み込みます。その際に条件付コメントでIE6のみで読み込まれるようにしてください。

次にD_belatedPNG.fix(‘透過にしたい要素をCSSセレクタで指定’);といったJavaScriptを実行します。

<!--[if IE 6]>
<script type="text/javascript" src="DD_belatedPNG.js"></script>
<script type="text/javascript" >
  DD_belatedPNG.fix('透過にしたい要素をCSSセレクタで指定');
</script>
<![endif]-->

サンプル

スポンサードリンク

コメント

カテゴリー:IE補完 ライブラリ 画像 製作補助系 透過PNG