jquery fadeIn使用png透明时出现黑边

JQUERY fadeIn出现黑边一般是在IE浏览器下，由于使用了PNG的图片，在PNG透明区域FADEIN的时候，IE会先用黑色渲染，解决方案如下：

首先，由于之前大图使用的是IMG标签，先改成把图片当成DIV的背景图。

设置好DIV的高宽，然后设置inline-style

 

background:url(your.png);background:none;*background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="your.png", sizingMethod="crop");

还有一种解决办法就是直接使用jpg,gif图片了这样就不会有此类问题了 

 

 

解释：sizingMethod=’crop’

在解绝ie6 png背景时我常用的方法是

_background:none;
_filterrogidXImageTransform.Microsoft.AlphaImageLoader(src=’images/liuyan_07.png’, sizingMethod=’crop’);}

_background:none;
_filterrogidXImageTransform.Microsoft.AlphaImageLoader(src=’images/liuyan_07.png’, sizingMethod=’scale’);}

其中 两个方法的差别是 有一个属性sizingMethod的值不一样

 

 

 

 

 

给心灵一个纯净空间，让思想，情感，飞扬！