jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法

最近在做汉声官网的网站建设项目，用js实现魔方的转动，并带有淡入淡出的效果，开始很好的解决了IE67，firefox，chrome，360等主流浏览器的兼容性问题，可是却被IE8给挡住了前进的步伐。

想了很多办法，搜了各种网友的解决思路，都没成功，最后发现IE8根本不能支持。

对于网站普遍的解决方法如下：

background-image:url(******.png)!important;
background-image:url(../images/space.gif);/*space.gif 是一个透明的图片文件*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="******.png", enabled=true, sizingMethod=scale);

试验后无解。

根本的原因是：简单地说，PNG的支持问题在于IE7及以上版本使用了filter来支持PNG的Alpha通道，所以对于PNG来说其实已经偷偷被应用了一个 filter了。虽然解决了主要的PNG透明问题，不过也伴随着另一个副作用，就是不能再应用其他filter。或者准确地说是应用其他filter会破 坏IE对PNG的支持。这就是为什么PNG在渐隐和渐现的时候会有难看的黑边。上面这篇Blog已经从侧面解释了这个问题了。所以理论上说，这个情况是无 解的……

更多相关信息【成都网站建设公司知多少】【网站制作注意事项】【成都网站建设要多少钱】

友情小提示：若您想了解更多成都网站建设方面的信息可点击【网站建设】了解详细介绍及报价，或咨询客服