IE PNG Fix で透過PNGを表示

IE6で透過pngを扱うjsライブラリという記事を書きましたが、iepngfix.htcを使う方法も簡単です。ダウンロードと解説はIE PNG Fix 2.0 Alpha 4から。

使い方

サイトからiepngfix.zipをダウンロードし、解凍して出来たフォルダごとアップロードします。

cssに次のように記述します。適用したい要素にbehavior: url(/iepngfix/iepngfix.htc);をつけるだけ。

/* iepngfix.htc */
#header, .whats_new dl dd.photo, .new_topics dl dd.photo {
  behavior: url(/iepngfix/iepngfix.htc);
}

以上です。

その他の情報

なお、以前のバージョンでは、iepngfix.htcの中の画像パスの書き換えが必要でしたがこのバージョンでは要りません。

関連エントリー