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

时间:2020-6-27 作者:admin

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

解决思路:

第一种:

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

第二种:

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

第三种:

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

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

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。