【TIP】IE8以下でpngをfadeさせるときの注意点

  • 投稿日
  • 著者 ituki
  • カテゴリー CSS
Pocket
LINEで送る

AlphaImageLoaderを使って対応することがあると思います。が、しかし、なんでかおなじコードを使っても効かない画像がある・・・と思っていたら、どうやら形によって効かないことがあることが判明。

曲線が多いもの（曲線が半分以上くらいある）とダメな様子。
数時間いろんなJSとか使って実験してたのに、予想外の結果でした・・・

ちなみにAlphaImageLoaderはjQuery使ってるので、こんな風に書きました

if(navigator.userAgent.indexOf("MSIE") != -1) {
	$('img').each(function() {
		if($(this).attr('src').indexOf('.png') != -1) {
			$(this).css({
				'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' +
				$(this).attr('src') +
				'", sizingMethod="scale");'
			});
		}
	});
}
CSSTIP