使用純黑色的div淡出其下的圖像。在Chrome和Firefox中,這個工作正常,但是,在IE中,它倒退了。jQuery:在IE中設置動畫不透明度
$("div#bgcover").animate({opacity:.70}, 2500);
這開始於0%不透明度,並認爲隨着時間的推移動畫到70%。然而,在IE中,它從0%跳到100%,然後又回落到70%。
尋找解決這個問題。謝謝。
使用純黑色的div淡出其下的圖像。在Chrome和Firefox中,這個工作正常,但是,在IE中,它倒退了。jQuery:在IE中設置動畫不透明度
$("div#bgcover").animate({opacity:.70}, 2500);
這開始於0%不透明度,並認爲隨着時間的推移動畫到70%。然而,在IE中,它從0%跳到100%,然後又回落到70%。
尋找解決這個問題。謝謝。
嘗試將不透明度設置爲零您動畫之前:
$("div#bgcover").css({ opacity: 0.0 }).animate({opacity:.70}, 2500);
不透明度在IE(舊版本)中不起作用。您將需要動畫過濾器屬性:
IE
var val = .7;
{filter: 'alpha(opacity = '+(val * 100)+')'}
不jQuery修復? – jantimon 2009-10-11 23:03:11
@Ghommey - 確實如此 – 2009-10-11 23:10:00
這個伎倆,謝謝! – chrishanel 2009-10-11 23:03:03