IE가 깨진 이미지를 표시하면 'show image'로 표시됩니다.

Question

이 사이트의 내용 : http://wyattorr.reuniondesign.com/collections/spring-2013 Internet Explorer에서 끊어진 이미지가 간헐적으로 표시됩니다. 처음으로 페이지를로드 할 때 대부분의 이미지가 잘로드되었지만 이후의로드에서는 모든 이미지가 손상된 것으로 표시됩니다. 마우스 오른쪽 버튼을 클릭하고 '이미지 표시'를 선택하면 이미지가 완벽하게 정상적으로 나타납니다.

가능한 문제 : jquery 플러그인 imagesloaded를 사용하고 있는데, 관련이있을 수 있습니다. 당신은 그것이 단지 이미지를 숨길 것이라고 생각할 것입니다 ...

재미있는 메모 : 깨진 이미지는 적절한 크기로 표시됩니다. 즉, 이미지가로드되었고 IE는 크기를 알 수 있습니다.

저는 IE 전문 지식의 끝에서 ... 어떤 아이디어입니까?

Answer 1

이 경우 open bug in imagesloaded이 있습니다.

그러나 이미지로드를 사용하지 않고이 문제를 보았습니다. 귀하의 경우처럼, 끊어진 이미지가있는 IE에서 간헐적 인 문제가있었습니다 (다른 모든 주요 브라우저는 괜찮 았습니다). 서버가 컨텐트 유형 헤더없이 이미지를 제공하는 것으로 밝혀졌으며 올바른 헤더를 제공하도록 재구성 될 때 문제가 사라졌습니다.

잘못된 헤더는 IE가 시작되고 중단되는 방식과 관련된 근본적인 문제를 드러내는 것처럼 보였습니다 (이 동작은 이미지로드 된 버그도 원인으로 보입니다). IE는 기본 파서가 그것을 수행 할 기회를 갖기 전에 선제 적으로 이미지를 요청하는 look ahead pre-parser으로 페이지로드 속도를 높입니다. 때로는 IE가 stop and restart을 처리하는 과정을 거치게됩니다.

이 경우 IE는 사전 분석기의 이미지 다운로드를 중단합니다. 타이밍에 따라 다운로드가 항상 다시 시작되는 것은 아니며 완전히 다운로드 한 이미지로 페이지를 업데이트하지 않아 이미지가 손상 될 수 있습니다 (적어도 이미지에 콘텐츠 유형 헤더가없는 경우). 이미지에 콘텐츠 형식 헤더가 누락 된 경우에도 다른 브라우저에는이 문제가 없었습니다.

prevent document mode restarts으로 단계를 수행하고 서버가 콘텐츠 유형 헤더를 올바르게 설정했는지 확인하여 이미지에 도움이 될 수 있습니다.