opacity不兼容ie7,ie8怎么解决
发布网友
发布时间:2022-04-27 00:40
我来回答
共1个回答
热心网友
时间:2022-04-20 21:38
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)"});