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僅

回答

相關問題