jQuery與IE8淡入淡出問題

IE8無法順利淡入淡出。它適用於IE8 IE「兼容性視圖」模式以及我試過的所有其他非IE瀏覽器。jQuery與IE8淡入淡出問題

「伊恩·馬丁婚紗攝影新聞」動畫部分在兩個作品中都完美運行。7 & 8.然後，頁面的其餘部分應該會淡入。但是，在IE 8中，它只是捕捉到視圖中並且不會褪色像它應該的那樣。我在這個頁面上發生了很多jquery的事情，不知道這是否是問題的一部分？我有jquery的「Curvy Corners」在子div內淡入，div包含頁面上的所有內容......這不是任何其他非IE瀏覽器上我嘗試過的問題..

在這裏，如果人們可以看看我的來源，並讓我知道是否有任何東西跳出頁面作爲我的問題的可能原因，請讓我知道。（太多了，我認爲要把'n'代碼粘貼到這裏）。謝謝！

http://ianmartinphotography.com/test-site/index.html

的後續，我可以簡單地插入這段代碼告訴IE8模仿IE7或意志，最終停止工作爲IE 8得到更新？

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

來源

2011-01-31 ian_6500

摘話題：擺脫「彎曲的角落」，並改用[CSS3Pie]（http://css3pie.com）。它是一種在IE中實現圓角的更優越的CSS友好方式。 – Spudley 2011-01-31 09:48:21

您的後續行動：是的，我想'解決方案'將停止工作。 IE9可能包含IE8兼容模式，但不太可能具有IE7兼容性。無論如何，我會認真地推薦避免兼容模式;即使它確實解決了這個問題，它也會引起其他人 - 它遲早會回來咬你。 – Spudley 2011-01-31 09:51:56

@Spudley，感謝您對CSS3Pie的想法......我試了一下，無法在非IE瀏覽器中使用它。 Curvey Corners很容易實現，並且在我嘗試過的每個瀏覽器中運行良好。（另外，它在我的jquery動畫中淡入淡出。）Re：IE，希望IE9能像我測試過的所有其他非IE瀏覽器一樣工作 - IE8是唯一一個無法工作的I我不知道如何繼續......我認爲我只是在解決這個問題，因爲它不會降低所使用的體驗 - 雖然......令人沮喪... – 2011-02-04 17:44:32

目前您有：

<script> 
$(window).load(function(){ 
$(".imwpj").animate({"top": "+=200px"}, 0).fadeIn(2000).delay(500).animate({"top": "+=295px"}, 900); }); 
</script> 
<!--everything else--> 

<script> 
$(window).load(function(){ 
$('#sub-fader').delay(5400).fadeIn(1000); }); 
</script>

我建議你更改爲：

<script type="text/javascript"> 
$(window).load(function(){ 
    $(".imwpj").animate({ 
    "top": "+=200px" 
    }, 0).fadeIn(2000).delay(500).animate({ 
    "top": "+=295px" 
    }, 900, function() { 
    $('#sub-fader').fadeIn(1000); }); 
    }); 
}); 
</script>

參見如何工作的。

p.s. 900, function() {，說：「完成這些步驟後，然後運行該位，所以它不會在同一時間運行。

[進一步編輯]

$(document).ready(function(){ 
    setTimeout('runAnimation()', 500); 
}); 

function runAnimation() { 
    $(".imwpj").animate({ 
     "top": "+=200px" 
    }, 0).fadeIn(2000).animate({ 
     "top": "+=295px" 
    }, 900, function() { 
     $('#sub-fader').fadeIn(1000); 
    }); 
}

這將等待一個半第二（用於DOM加載）之前初始化動畫。

[EDIT AGAIN]]

Cufon is not defined [Break On This Error] <script type="text/javascript"> Cufon.now(); </script>
的index.html（74行）

preloadImages is not defined [Break On This Error] (function(){var s=true,t=false,aa=wind...nt;if(j instanceof Function)return i?

神經

來源

2011-01-31 09:40:36

好吧，jquery IE Fadein and Fadeout Opacity

（我已經沖刷對這個問題的網站，終於打到右路關鍵字 - 我希望我以前已經發掘過）！

@woodstylee很好可能有我需要的答案：

他說：「我在IE8中遇到了同樣的問題。設置DIV的不透明度在JavaScript之前，我叫淡入（）解決了這個問題：」

$('.overlay').css('filter', 'alpha(opacity40)'); 
$('.overlay').fadeIn(500);

我不是在我的Windows機器的前面，但我很想試試這種對IE這是我的。與woodstylee的修復測試頁面，不透明度設置爲「0」（這應該與正常的CSS顯示：無對非IE瀏覽器在那裏工作得很好） http://ianmartinphotography.com/test-site/index-ie.html

在IE8中，DIV #field現在應該順利地淡入視野，它是帶照片的白盒子，除了「IAN MARTIN婚紗攝影新聞」之外的所有東西。

之前，這個div只會在沒有淡入淡出的情況下進入視圖。它會在IE兼容模式下工作，但它結結實實，沒有一個平穩的過渡...

來源

2011-02-10 23:47:39

我發現與實驗是，IE 8討厭褪色divs包含div。 IE7，或者至少IE7模擬IE7，這種安排沒有問題。 Windows和Mac上的Safari和FF也沒有問題。所以，雖然這是非常不滿意我只是強迫我的網頁到IE7兼容模式

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

，並希望從IE9其中我還沒有測試上更好的性能...

來源

2011-02-13 15:30:19

jQuery與IE8淡入淡出問題

回答

相關問題