jQuery:在IE中动画不透明度

时间:2009-10-11 22:57:45

标签: jquery css internet-explorer jquery-animate

使用纯黑色的div来淡化其下方的图像。在Chrome和Firefox中,这种方法很好,但是,在IE中,它是向后的。

$("div#bgcover").animate( {opacity:.70}, 2500);

这从0%不透明度开始,随着时间的推移应该动画为70%。然而,在IE中,它从0%跳到100%,然后逐渐消退到70%。

正在寻找解决此问题的方法。感谢。

3 个答案:

答案 0 :(得分:10)

尝试在设置动画之前将不透明度设置为零:

$("div#bgcover").css({ opacity: 0.0 }).animate( {opacity:.70}, 2500);

答案 1 :(得分:2)

不透明度在IE(旧版本)中不起作用。您需要为过滤器属性设置动画:

IE

var val = .7;
{filter: 'alpha(opacity = '+(val * 100)+')'}

答案 2 :(得分:0)

在ie中我相信命令应该是alpha:.70

您可能需要编写例外

相关问题