Menu

旧IE と fadeエフェクトの注意点

透過PNG画像
IE7やIE8では、フェードエフェクトには注意が必要です！

旧IEでは、透過PNG に対してフェードエフェクトを使用すると、透過部分が黒ずんでしまいます。アンチエイリアスが多めのフォントも同様です。また、内包する要素に position プロパティーを利用すると、その要素はフェードしなくなってしまいます。サンプルではCSSをコメントアウトしてありますが、ぜひ旧IEで確認してみてください。

jQuery Code

$(function() {
	$("#image").fadeTo(2000, 1);
});

CSS

#image img{
	/* 旧 IE では内包した要素に position プロパティは使えません */
	/* position: relative;  */
}

Chapter 6