gif 및 png 이미지가 IE8에서만 사라짐

내 이미지 6 개 (마우스 오버시 PNG 및 애니메이션 GIF)가 IE8에서만로드되지 못함. Mac 및 Windows에서 대부분의 브라우저에서 테스트 한 결과 IE8이 유일한 이미지입니다 적재하지 마십시오. IE7에 실제로 나타났습니다. 웹에서 솔루션이나 유사한 문제를 확인했지만 적절한 해결책을 찾을 수없는 것 같습니다. 사전에 http://tinyurl.com/8ydbp6y gif 및 png 이미지가 IE8에서만 사라짐

을 heres 특정 부분의 HTML을

<ul class="about-icons"> 
     <li id="about-love"><a href="includes/content/content-love.html" target="content-load"><img src="images/about/icon-thankyou.png" onmouseover="this.src='images/about/icon-thankyou.gif'" onmouseout="this.src='images/about/icon-thankyou.png'"/></a></li> 
      <li id="about-japan"><a href="includes/content/content-japan.html" target="content-load"><img src="images/about/icon-japan.png" onmouseover="this.src='images/about/icon-japan.gif'" onmouseout="this.src='images/about/icon-japan.png'"/></a></li> 
     <li id="about-icecream" class="no-margin-right"><a href="includes/content/content-icecream.html" target="content-load"><img src="images/about/icon-icecream.png" onmouseover="this.src='images/about/icon-icecream.gif'" onmouseout="this.src='images/about/icon-icecream.png'"/></a></li> 
    </ul> 
    <br/> 
    <div id="about-whymochiko" ><img src="images/about/whymochiko.png" alt="Why Mochiko"/></div> 
    <br/> 
    <ul class="about-icons"> 
     <li id="about-flavors"><a href="includes/content/content-flavors.html" target="content-load"><img src="images/about/icon-flavors.png" onmouseover="this.src='images/about/icon-flavors.gif'" onmouseout="this.src='images/about/icon-flavors.png'"/></a></li> 
     <li id="about-ingredients"><a href="includes/content/content-ingredients.html" target="content-load"><img src="images/about/icon-ingredients.png" onmouseover="this.src='images/about/icon-ingredients.gif'" onmouseout="this.src='images/about/icon-ingredients.png'"/></a></li> 
     <li id="about-milk" class="no-margin-right"><a href="includes/content/content-milk.html" target="content-load"><img src="images/about/icon-milk.png" onmouseover="this.src='images/about/icon-milk.gif'" onmouseout="this.src='images/about/icon-milk.png'"/></a></li> 
    </ul>`

감사 :

여기에 해당 페이지에 대한 링크입니다!

편집 IE8 이미지 보고서를 확인했는데 이미지의 너비와 높이를 0px로 조정했습니다. 나는 왜 그런 일이 일어 났는지 전혀 모른다 : | 그리고 난 그것을 고칠 방법을 모르겠다

출처

2012-07-10 Libre

나는 이것이 JavaScript가있는 IE의 버그 일 것 같아요. 가능한 솔루션은 이미지를로드 한 다음 JavaScript를 사용하여 애니메이션 표시를 전환하는 것입니다.

출처

2012-07-10 15:52:01 Neojames

감사합니다. 그러나 불행히도 그것은 javascript 버그가 아닙니다. (추천 한 것과 이미지가 여전히 누락되었습니다.) 개발자 도구 (이미지 보고서)를 확인한 결과 IE8은 원래 크기에서 내 높이와 너비를 자동으로 0 픽셀로 다시 조정합니다. 특히 IE8에서 왜 그런 일이 일어 났는지 확신 할 수 없습니다. – Libre

아! 단점 모드에서 IE8을 설정해보세요. – Neojames

감사합니다 :) 이미지가 마침내로드되지만 모든 곳이 하하입니다. 별도의 CSS 파일에있는 6 가지와 관련된 모든 CSS 선언에 중요한 내용이 추가 된 경우 왜 작동하지 않는지 확실하지 않은 것 같습니다. – Libre

gif 및 png 이미지가 IE8에서만 사라짐

답변

관련 문제