GIF和PNG图像上消失IE8仅

6我的图片（PNG和悬停animted GIF）的失败对IE8加载而已，我对Mac和Windows和IE8浏览器的大多数测试是唯一一个在图像不要加载。他们实际上出现在IE7上，我一直在检查网络上的解决方案或类似的问题，但我似乎无法找到正确的解决方案。GIF和PNG图像上消失IE8仅

这里的链接到该网页：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。我不知道为什么会发生这种情况：|我不知道如何解决这个问题

来源

2012-07-10 Libre

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

来源

2012-07-10 15:52:01 Neojames

谢谢！但不幸的是，它不是一个JavaScript错误:(我尝试了你的建议和图像仍然缺失我检查了开发人员工具（图像报告），显然IE8自动重新调整我的高度和宽度从原来的尺寸0px。我不知道为什么它发生在IE8上，特别是 – Libre 2012-07-10 16:47:43

啊！尝试在怪癖模式下设置IE8。 – Neojames 2012-07-10 17:11:30

谢谢:)图像终于加载，但他们都在这个地方哈哈。！这似乎是把重要的对所有有关这六个在一个单独的css文件作品的CSS声明，不知道为什么它没有当我加入重要的主css文件虽然 – Libre 2012-07-10 17:42:23

GIF和PNG图像上消失IE8仅

回答

相关问题