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

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

解决思路：

第一种:

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

第二种：

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

第三种：

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

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

关注我

我的微信公众号：前端开发博客，在后台回复以下关键字可以获取资源。

• 回复「小抄」，领取Vue、JavaScript 和 WebComponent 小抄 PDF
• 回复「Vue脑图」获取 Vue 相关脑图
• 回复「思维图」获取 JavaScript 相关思维图
• 回复「简历」获取简历制作建议
• 回复「简历模板」获取精选的简历模板
• 回复「加群」进入500人前端精英群
• 回复「电子书」下载我整理的大量前端资源，含面试、Vue实战项目、CSS和JavaScript电子书等。
• 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识，加我微信:caibaojian89 交流