jQuery、IE8以下で透過PNGが黒くなる場合の対処法

■about

jQuery、IE8以下で透過PNGが黒くなる場合の対処法。
CSSにて透過PNGを使っている要素にprogid:DXImageTransformのfilterを指定する。

■code

JavaScript

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

■reference

IE8以下で透過PNGが黒くなる場合の対処法 | 技術屋のメモ | HTML,CSS,JavascriptなどWEB技術メモ
http://www.ateliee.com/archives/1093