jQuery: Animating opacity in IE
使用纯黑色的div淡出其下方的图像。在Chrome和Firefox中,这可以很好地工作,但是在IE中,它是向后的。
1 | $("div#bgcover").animate( {opacity:.70}, 2500); |
这从0%的不透明度开始,并随着时间的流逝而动画化为70%。但是,在IE中,它会从0%跳到100%,然后逐渐回落到70%。
正在寻找解决方案。谢谢。
在设置不透明度之前,尝试将不透明度设置为零:
1 | $("div#bgcover").css({ opacity: 0.0 }).animate( {opacity:.70}, 2500); |
不透明度在IE(旧版本)中不起作用。您将需要设置filter属性的动画:
IE
1 2 | var val = .7; {filter: 'alpha(opacity = '+(val * 100)+')'} |
在即我相信命令应为alpha:.70
您可能需要编写一个异常