Daily happenings, XHTML, CSS, MT, WP, Web, a memo, etc…

IE PNG FIX2

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

IE PNG FIX2

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);
}

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