IE顯示破碎的圖像，'顯示圖像'使它們顯示正常

Question

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

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

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

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

Answer 1

這裏有一個open bug in imagesloaded。

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

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

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

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