2011-01-29 63 views
1

這是瘋狂的科學怪人jquery循環,sIFR3和其他一些東西的碰撞 - 它在Chrome,Safari和Firefox,但不是IE 7或8(當然)。jQuery的循環幻燈片不會在IE中退色

http://ianmartinphotography.com/test-site/testimonials/sifr-dual.html

有兩個jQuery的週期幻燈片這裏設置爲不同的費率 - 一個用於sIFR的文本(不褪色),一個與照片褪色。我在一場演出中確實擁有了一切,但當幻燈片漸漸淡出時,它對sIFR做了一些奇怪的事情。 (請注意,我爲sIFR觸發設置了一個小延遲 - 如果沒有它,sIFR將無法加載到第一張幻燈片以外)。

有關如何讓此freakin頁面在IE 7中工作的任何想法8 & 8 ??我希望照片淡入淡出,sIFR文本可以在沒有淡入淡出的情況下快速入出。謝謝!

+0

它適用於我在IE中的部分... – Alxandr 2011-01-29 01:49:40

回答

0

我發現IE 7 & 8有一個困難的時間衰退divs嵌套在他們內部的div。

IE7似乎在這種安排下工作得更好(只是一點點),IE8只是點擊它們而沒有轉換。

這裏是我的更新和簡化測試頁:

http://ianmartinphotography.com/test-site/testimonials/

我,迫使它到IE7仿真模式,希望IE9將更多的jQuery褪色友好。

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

,我會在未來幾個月內看我的谷歌Analytics的數據,我確信足夠的遊客使用IE9時,我會刪除元代碼 - 從來就沒有測試這種但是,在IE9頁面。

Safari和FF在Windows或Mac中都沒有問題(照片淡入淡出,而不是sIFR文本 - 我很好)。由於該頁面適用於非IE瀏覽器,因此我正在繼續並且不擔心IE作爲IE的頁面功能,它只是一種不太好的體驗。不過,我仍然很想知道如何在IE中實現淡入淡出。

0

我有一個類似的問題,發現幻燈片項目需要在CSS中設置寬度和高度,否則它們不會淡入淡出,而是閃爍白色。