2009-10-11 68 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