Question

jquery的animate的opacity不适用于IE7、8

jquery的animate的opacity不适用于IE7、8$("#box4,#box5,#box6").delay(100).animate({left:"-=40px",opacity:"0"},250);高版本的浏览器可以，IE7\8不支持opacity，怎么办，我想渐隐和左移同时进行。

Answer 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)"});

参考资料是filter蒙版的