IE PNG FIX2

• Feb 27, 2009
• Tags: tool, web

IE6で透過PNGを表示するライブラリ、IE PNG FIX2。
XHTMLに手を加えることなく、CSSに記述するだけでIE6で透過PNGを実現できます。

IE PNG FIX2

IE PNG FIX2のサイトから「v2.0」をダウンロードし、解凍した後、「iepngfix.htc」をテキストエディタ開き、修正します。（16行目辺り）
ファイルのパスは、絶対パスで指定。（全ページで使用するため）

IEPNGFix.blankImg = 'http://miyalog.com/blog/img/blank.gif';

修正した後、「iepngfix.htc」と「blank.gif」をアップします。
CSSですが、IE6以下に指定し、絶対パスで指定。（全ページで使用するため）

CSS

* html img {
behavior: url(http://miyalog.com/blog/iepngfix.htc);
}

background画像のPNGにも指定可能です。

* html img {
background: url(img/xxx.png) left top no-repeat;
behavior: url(http://miyalog.com/blog/iepngfix.htc);
}

※ロールオーバー系の一部のライブラリで動作しないものがあります。