2013-01-15 106 views
0

在本網站:http://wyattorr.reuniondesign.com/collections/spring-2013 Internet Explorer間歇性地顯示損壞的圖像。我第一次加載大部分圖片的頁面加載正常,但在後續加載時,所有圖像都顯示爲破損。如果我右鍵單擊並選擇「顯示圖像」,則圖像顯示爲完全正常。IE顯示破碎的圖像,'顯示圖像'使它們顯示正常

可能的問題: 我正在使用jquery插件imagesloadedloaded,這可能與它有關嗎?你會認爲這隻會隱藏圖像...

有趣的筆記: 破碎的圖像顯示在其正確的尺寸,這意味着他們已經加載和IE知道他們的尺寸。

我在我的IE專業知識的結尾......任何想法?

+1

我正面臨完全相同的問題。它似乎只存在於IE10中。你有沒有發現任何永久性決議?我已經能夠確定用JS動態加載的圖像似乎不受此問題的影響。我正在使用Lazyload來加速頁面加載,看起來這是額外的好處。 – verde

回答

2

這裏有一個open bug in imagesloaded

但是,我也看到這個問題,而不使用圖像加載。就像你的情況一樣,IE瀏覽器中存在斷斷續續的問題(所有其他主流瀏覽器都很好)。事實證明,服務器正在提供沒有內容類型標題的圖像,並且當它被重新配置爲提供正確的標題時,問題就消失了。

壞頭似乎與IE瀏覽器啓動和中止加載圖像(這種行爲似乎是負責的imagesloaded錯誤太)的方式暴露一個潛在的問題。 IE試圖通過look ahead pre-parser加速頁面加載,在主語法分析器有機會完成之前搶先請求圖像。有時IE會stop and restart的解析過程。

當發生這種情況時,IE會中止預解析器的圖像下載。根據不同的時間,它顯然並不總是重新啓動下載,要不然不完全下載的圖像更新的頁面,從而導致破圖像(至少如果圖像缺乏內容類型標頭)。其他瀏覽器不存在此問題,即使圖像缺少內容類型標題。

採取步驟prevent document mode restarts並確保服務器正確設置內容類型標頭的圖像可能會有所幫助。