关于CSS:jQuery:在IE中动画化不透明度

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

您可能需要编写一个异常