このサイト: http://wyattorr.reuniondesign.com/collections/spring-2013 Internet Explorer で壊れた画像が断続的に表示されます。最初にページをロードしたとき、ほとんどの画像は正常にロードされましたが、その後のロードではすべての画像が壊れているように表示されます。右クリックして「画像を表示」を選択すると、画像は完全に正常に表示されます。
考えられる問題: jquery プラグイン imagesloaded を使用していますが、何か関係があるのでしょうか? あなたはそれが画像を隠すだけだと思うでしょう...
興味深いメモ: 壊れた画像が適切なサイズで表示されています。つまり、画像が読み込まれ、IE がそのサイズを認識しています。
私は IE の専門知識の終わりにいます...何かアイデアはありますか?
このためにロードされたイメージには未解決のバグがあります。
ただし、imagesloaded を使用せずにこの問題を確認したこともあります。あなたの場合と同じように、IE で壊れた画像の問題が断続的に発生しました (他のすべての主要なブラウザーは問題ありませんでした)。サーバーが content-type ヘッダーのない画像を提供していたことが判明し、正しいヘッダーを提供するように再構成すると問題は解決しました。
不適切なヘッダーは、IE が画像の読み込みを開始および中止する方法に関する根本的な問題を明らかにしているようです (この動作は、imagesloaded バグの原因でもあるようです)。IE は、メイン パーサーが画像を処理する機会を得る前に先制的に画像を要求するルック アヘッドプリパーサーを使用して、ページの読み込みを高速化しようとします。ただし、 IE が解析プロセスを停止して再起動することがあります。
これが発生すると、IE はプリパーサーのイメージ ダウンロードを中止します。タイミングによっては、ダウンロードが常に再開されるとは限らないか、完全にダウンロードされた画像でページが更新されず、画像が壊れてしまいます (少なくとも画像に content-type ヘッダーがない場合)。他のブラウザーでは、画像に content-type ヘッダーがない場合でも、この問題は発生しませんでした。
ドキュメント モードの再起動を防ぐための手順を実行し、サーバーが画像のコンテンツ タイプ ヘッダーを正しく設定していることを確認すると、役立つ場合があります。