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

作者:简简单单 2014-02-27

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图片了这样就不会有此类问题了

相关文章

精彩推荐