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

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

gif和png图像仅在IE8上消失

1 个答案: