2010-02-18 64 views
8

十分緩慢,我使用jQuery週期,也是一個淡入/淡出在這個網站:jQuery的消失在IE8

http://www.lunatestsite.co.uk

週期爲旗幟,淡出懸停在底部的導航按鈕。除了IE8之外,所有的東西都非常好用,但IE8有着令人難以置信的快速消失。

存在具有動畫透明度的不同方法IE8提到:

IE8 jQuery FadeTo

這似乎很難相信IE6實現這個不錯,但最新和最偉大失敗。我已經看到提及相對/絕對位置的元素有淡化問題,但這並不能解釋浮動的橫幅。

是否IE8吸,或我的代碼?任何意見/想法感激地歡迎!謝謝

+0

「是否IE8吸,或我的代碼?」...你的代碼是好的。我想我們都知道前者的答案。我在使用jQuery.cycle的IE8中遇到了同樣的問題。 – jay 2010-02-18 20:14:25

+2

不錯的網站。愛設計。 – jay 2010-02-18 20:18:39

+0

謝謝jeerose!只是模擬父站點真的但很好玩的工作(直到它到了IE當然:)) – luke 2010-02-18 21:07:10

回答

4

它的你的照片背景。用IE8的白色背景替換橫幅部分,它會平滑地淡化,並確保您將手指發送到條件註釋中的IE小組。

編輯:看來只有在橫幅背後的bg白色不會這樣做。編輯2:最終測試,將圖像放在class =「bg」img標記中,作爲具有背景的普通塊元素圖像也修復了它。所以我們可以得出這樣的結論:在後臺使用浮動圖像對於IE8是不利的,請使用帶背景IMO的普通div。如果您需要拉伸圖片以適應頁面,我們需要考慮另一種解決方案,或者只讓IE8伸展。

+0

你可以發佈你使用的代碼?我沒有得到它仍然工作!謝謝!如果它不伸展,那就這樣吧。 – luke 2010-02-18 20:53:46

+0

啊,我的壞,有條件的評論錯了,只是過濾,遠離IE8 似乎工作。不擔心圖像拉伸。 謝謝F.阿基諾! – luke 2010-02-18 21:06:25

1

它看起來好像它在IE 8上存在問題,因爲我的系統中有一個類似的行爲。我決定使用不同的動畫,在我的情況下是沒有問題的。