使用jQuery在IE8中使用fadeIn和fadeOut時遇到問題

這是我的網站：http://www.dreamweddinggroup.com/redesign我想知道爲什麼上帝命名我的fadeIn，fadeOut和corner（）函數不能在IE8。他們工作一段時間，但現在他們已經破產，我不能爲我的生活弄清楚。任何人都可以看到任何會導致問題的東西嗎？使用jQuery在IE8中使用fadeIn和fadeOut時遇到問題

要查看我在說什麼，如果您要單擊頁面底部的「關於我們」鏈接，您應該看到文本淡入。然後，如果您要單擊「爲什麼夢想婚禮組「時，」關於我們「的文字應該淡出，當它淡入時，您會看到新的文字。

來源

2010-04-17 TheDelChop

嘿，我有同樣的麻煩。我試圖淡出一個IE圖像和淡入淡出像這樣的新東西：

$(".edit_photo_link").click(function(){ 
    $(this).fadeOut("slow", function(){ 
    $(this).next(".throb").fadeIn("slow"); 
    }); 
});

這是不工作。但是FadeIn！因此猜測，這是處理器過得去IE8（不IE7）吃掉了，我只是把它改成這樣：

$(".edit_photo_link").click(function(){ 
    $(this).fadeOut("slow", function(){ 
    $(this).hide(); 
    $(this).next(".throb").fadeIn("slow"); 
    }); 
});

和IE8用戶不會獲得額外的熱愛動畫。

來源

2010-07-26 13:39:13 Trip

我發現使用淡入淡出的IE8性能很差，只有一小塊圖像或文本區域。我認爲引擎在alpha混合上基本上很糟糕！由於您試圖淡入全屏圖像，因此表現太慢，以至於看不到淡入淡出。就我而言，即使在相當強大的臺式機上使用體面的顯卡，我也看到CPU使用率在50％到100％之間。我的客戶遇到了問題，因爲每次發生這種淡入淡出（每5秒鐘左右），同時播放的視頻開始跳過並且通常不穩定。

我正在處理的另一個網站是http://www.urstreams.com，如果您將鼠標懸停在這些框上，您將看到使用fadeIn顯示的描述。如果你一次把鼠標放在所有的盒子上，所有的描述都在同時出現和消失，所有的動畫都會停下來，CPU再次向上飛行。

確實是一場惡夢，但在這個階段，我會建議不要在IE中使用任何alpha混合動畫。所有這些情況的共同主題似乎是混合正在發生在圖像上。也許這就是問題所在，因爲常見的jQuery示例以及可能的測試/基準測試傾向於關注基本場景，例如普通背景測試中出現的純文本？

來源

2010-05-05 11:19:57

我也注意到IE8的這種現象，儘管它似乎發生在我以上的元素上面。我有一個空的4x4像素DIV，我在間隔（間隔時間爲400ms，然後是element.fadeIn（100）.fadeOut（500））淡入淡出來調試元素的位置，它完全消除了我的一個核心！我花了一段時間才弄清楚爲什麼IE瀏覽器總是擊中50％的CPU，而Chrome和Firefox幾乎沒有出汗 - 我想我有一個流氓貪婪的循環，直到我掃描我的時間間隔。

啓動IE和您的任務管理器，然後轉到http://www.hv-designs.co.uk/tutorials/jquery/all.html進行一些測試。通過CPU desc對運行進程進行排序，並在每次測試中觀察IE達到頂峯（在我的1.2 GHz雙核英特爾SU2300持續衰減+/-幾百毫秒時爲20-40％），即使對於簡單的文字段落！在Firefox或Chrome中運行相同的測試甚至不會爲我佔用10％的使用量。

來源

2010-07-16 00:59:58

我有一堆絕對定位的div類似的問題。我想同時淡出和淡入其中。在FF/Safari中正常工作的代碼在IE8中不起作用：fadeOut（）不會淡入淡出，只有淡入淡出（）。我發現解決方案是使用CSS設置要淡入的元素的z-index位於堆棧頂部：

$('#fadeoutdiv').css({zIndex:90}).fadeOut(2000); 
$('#fadeindiv').css({zIndex:99}).fadeIn(2000);

來源

2010-10-19 12:52:26 Alistair

使用jQuery在IE8中使用fadeIn和fadeOut時遇到問題

回答

相關問題