2009-10-11 66 views
3

使用纯黑色的div淡出其下的图像。在Chrome和Firefox中,这个工作正常,但是,在IE中,它倒退了。jQuery:在IE中设置动画不透明度

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

这开始于0%不透明度,并认为随着时间的推移动画到70%。然而,在IE中,它从0%跳到100%,然后又回落到70%。

寻找解决这个问题。谢谢。

回答

10

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

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

这个伎俩,谢谢! – chrishanel 2009-10-11 23:03:03

0

在IE我相信命令应该是阿尔法:0.75

您可能需要编写一个例外

+2

jQuery的摘要'opacity'了。 – eyelidlessness 2009-10-11 23:01:29

2

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

IE

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

不jQuery修复? – jantimon 2009-10-11 23:03:11

+3

@Ghommey - 确实如此 – 2009-10-11 23:10:00