opacity不兼容ie7，ie8怎么解决

2025-04-27 21:30:47

推荐回答（1个）

回答1：

ie9以下的版本不支持opacity属性。但是ie独特的支持filter蒙版。
所以，在设置opacity透明度的时候也一起设置了filter蒙版的透明就好了。
但是有个问题。
filter蒙版的透明格式是

filter:Alpha(Opacity=50);/*100为不透明，0为全透明*/

所以你不能用animate函数去添加filter的渐变效果。
应该的写法是

//这样写在ie9模拟的ie7ie8下同样能得到渐变效果。没有实际的老版本ie，实际效果请自测，应该差不多
$(this).animate({opacity:.5},500).css({flter:"Alpha(Opacity=50)"});

//如果直接写css是没有渐变效果的
$(this).css({flter:"Alpha(Opacity=50)"});