IE6で透過pngを表示させるのにユンサンのiepngfix.jsを良く使います。しかし最近jQueryを使用してサイトを構築するケースが増えたため、jQueryの透過pngをIE6に対応させるプラグインのIE Png fixを試してみました。

使い方は簡単でimg要素のsrc属性を調べ、pngファイルだったら適用させるようにします。

$(function() {
	$("img[src$=png]").pngfix();
});

属性セレクタの後方一致である$を利用して拡張子がpngのファイルすべてに.pngfix()が適用されます。

cssの背景に透過pngを使う場合が多いので.iepngfixと言うクラスにも適用されるように記述しています。

$(function() {
	$("img[src$=png],.iepngfix").pngfix();
}):

iepngfix.jsもIE Png fix.jsも同じような使い方が出来るので、どちらを使うかは好みですね。