0

6 つの画像 (ホバー時の png およびアニメーション gif) が IE8 でのみ読み込まれません。Mac と Windows のほとんどのブラウザーでテストしましたが、画像が読み込まれないのは IE8 だけです。それらは実際にはIE7に表示されます.Webで解決策または同様の問題をチェックしていますが、適切な解決策が見つからないようです.

そのページへのリンクは次のとおりです。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 に調整されているようです。どうしてこうなったのかわからない :| そして、私はそれを修正する方法がわかりません

4

1 に答える 1

2

これは、JavaScript を使用した IE のバグである可能性があります。考えられる解決策は、画像をロードしてから、代わりに JavaScript を使用してアニメーションの表示を切り替えることですか?

于 2012-07-10T15:52:01.577 に答える