Internet Explorer 8和6中的Jquery圖像調整大小錯誤

我設計了一個使用一些Jquery技術的網站。我的問題是，在一些隨機的情況下，Internet Explorer 8和6可以使圖像看起來比它們應該更小。我沒有使用Explorer 7進行檢查，但它可能也在那裏......請注意，調整頁面大小可能更容易導致這些問題，事實上，客戶端在1024x768分辨率的顯示器上發現了問題。Internet Explorer 8和6中的Jquery圖像調整大小錯誤

我把圖像放在一個div中，當點擊一個URL時用Jquery切換它以獲得動畫效果。它在Firefox中運行得很好，但在資源管理器中隨機看起來很奇怪。

應該怎麼看： How it should look

什麼它結束了看起來像： What it ends up looking like

jQuery的代碼如下：

<script type="text/javascript"> 

    $(document).ready(function() 
     { 
      $('#header').supersleight({shim: 'images/x.gif'}); 
      $('div[class^=images]').hide(); 

      $('a[class=images-importers]').click(function() { 
         $('div[class=images-importers]').toggle(1000); 
         return false; 
      }); 

      $('a[class=images-suppliers]').click(function() { 
       $('div[class=images-suppliers]').toggle(1000); 
       return false; 
      }); 

     }); 
</script>

的相關章節中的HTML也低於：

<div> 
       <p> 
       <a href="#" class="images-importers">We are the sole importers of the leading aquatic 
       products in Malta.</a> 
       </p> 
       <div class="images-importers"> 
       <div class="imgcontainer-small"> 
        <a href="..."><img src="..." 
        alt="..." class="glossy" /></a> 
       </div> 
       <div class="imgcontainer-small"> 
        <a href=".../"><img src="..." alt= 
        "..." class="glossy" /></a> 
       </div> 
       <div class="imgcontainer-small"> 
        <a href="..."><img src="..." alt= 
        "..." class="glossy" /></a> 
       </div> 

       </div> 
    </div>

我用圖像的CSS：

.imgcontainer-small{ 
    text-align  : left;  
    padding   : 10px;

}

感謝您的幫助！

順便說一句，該網站是here

來源

2009-07-22 Jean Azzopardi

我認爲這是我使用的「Glossy」腳本。當我禁用它的IE瀏覽器，該錯誤不再出現。

來源

2009-07-23 08:13:11

這個心不是與jQuery或IE的問題 - 相反，它是您正在使用（supersleight），這是做了PNG處理庫的問題。

它可能實際上是supersleight用於將透明度應用於IE中的PNG的方法。

雖然他們certinaly做的工作（大部分時間），這些方法是非常糟糕的性能。確保你絕對需要透明的PNG。通常還有其他方法可以解決這個問題，包括爲使用Gif或其他圖像格式的IE瀏覽器使用單獨的樣式表。

來源

2009-07-22 20:06:35

Supersleight僅適用於標題。但是，我會嘗試將其刪除，並查看是否有任何更改。 – 2009-07-22 23:13:54

我刪除它，同樣的事情再次發生。 – 2009-07-22 23:20:04

Internet Explorer 8和6中的Jquery圖像調整大小錯誤

回答

相關問題