ie8下png图片的jquery渐隐渐现动画黑色背景bug

在IE7和IE8下如果你动态修改png图片的透明度,比如说你应用一个fadeIn,将图片的透明度调到25%,这时候就会出现非常诡异的bug,png的透明信息没了!变成了非常难看的黑色!

解决思路:

第一种:

给图片加一个外层,并个这个层加上相同的外层背景颜色或者背景图片。好处是,当使用jquery改变整体的背景颜色时,可以通过调用标签来实现背景颜色或者背景图片同时改变

第二种:

给图片套个外层,切换动画的时候改变外层的透明度。这个我没有试过,不知道行不行,原则上是可行的。

第三种:

改变图片的格式,改为png-8(图片色调会有偏差,不太合适),jpg(这个其实跟第一种差不多了。)

如果你有更好的方案,不妨分享一下哦。

「五年博客,如果觉得我的文章对您有用,请帮助本站成长」

订阅周报 关注微博

原创文章:ie8下png图片的jquery渐隐渐现动画黑色背景bug ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/237.html)

发表评论

请登录后发表评论: