gif 和 png 图像仅在 IE8 上消失

Question

我的 6 张图片（悬停时的 png 和动画 gif）无法仅在 IE8 上加载，我已经在 mac 和 windows 上的大多数浏览器上进行了测试，而 IE8 是唯一无法加载图片的浏览器。它们实际上出现在 IE7 上，我一直在网上查看解决方案或类似问题，但似乎找不到合适的解决方案。

这是该页面的链接：http://tinyurl.com/8ydbp6y

这是该特定部分的 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。我不知道为什么会这样：|我不知道如何解决它

Answer 1

我认为这可能是带有 JavaScript 的 IE 中的一个错误。一个可能的解决方案是加载图像，然后使用 JavaScript 切换动画可见性？