IE圖像顯示問題

我現在在一個網站上工作：companhiadopijama.com.br/new和我有最奇怪的問題與IE瀏覽器（7 & 8）.. 6我不在乎atm太多。IE圖像顯示問題

我的PNG的顯示與懸停部分黑色背景（在我的菜單中）&我的JPG在jquery環島首先出現，然後更改爲白色到黑色漸變..我第一次將它們作爲PNG的，但有同樣的問題。

網站上的代碼是有點亂，不好意思還在學習，但都相對jQuery是在init.js & CSS是companhiadopijama.com.br/new/css/main.css

有沒有人見過這個？有什麼建議麼？

在此先感謝

來源

2009-12-31 Bren

我在PNG圖像遇到透明度類似的問題。 Firefox和Safari可以輕鬆處理透明部分，但在IE中這些部分只是黑色。確保圖像中沒有透明部分。

來源

2009-12-31 13:01:39 bertolami

其實我要添加一個if IE腳本來替換所有的透明png作爲jpgs ..以防萬一..但它的圖像在下面的菜單，導致我最頭疼的菜單..它顯示你也一樣嗎？還是渲染好？ – Bren 2009-12-31 13:07:31

對不起，但我不記得確切。只是IE瀏覽器存在透明度問題。（幸運的是）我沒有IE6了。 – bertolami 2010-01-01 12:42:53

不幸的是，我的許多客戶仍然使用瀏覽器的狗..所以我已經用jpgs替換了所有的透明png，但在主頁的環形交叉口上仍然存在漸變問題.. ahhhhh !! – Bren 2010-01-04 12:51:54

這是因爲你（通過jQuery）使用alpha-opacity濾鏡來淡化效果。 IE不支持透明-PNG-plus-opacity：alpha濾鏡的不透明度會覆蓋每個像素的不透明度，導致背景像素失去透明度。

隨着AlphaImageLoader修復IE6和背景設置爲白色，你可以得到一個有點不同的效果，雖然仍然是錯誤的（通常不那麼透明的像素透明度和Alpha濾鏡獲勝;他們當然應該適當地相乘）。另一種方法是放棄對IE的淡入/淡出效果。

來源

2009-12-31 13:26:45 bobince

以及我現在所做的就是用jpgs替換所有的png，所以導航欄現在顯示得很好..但是帶jpgs的環島仍然出現，然後呈現爲具有漸變的白色框。 – Bren 2009-12-31 13:42:37

這是一個問題，與IE處理em大小..我不得不調整圖像大小的1.6％的em尺寸。所有的作品現在..從腳本

來源

2010-01-05 11:45:34 Bren

我不得不將圖像大小調整爲em尺寸的1.6％... 恩，布倫，你能否詳細說明，我有同樣的問題，但不知道你的解釋是什麼意思......謝謝！ – luke 2010-03-01 13:03:10

hey luke，我所做的是在Firefox中使用em的大小，對於我來說，它是40em我認爲，並獲得它的價值的1.6％，在這種情況下0.64em。但是，這可能會幫助你更多，我現在升級到jquery 1.4並且問題消失了。 – Bren 2010-03-02 23:52:27

刪除這一點，這就是它

.css('opacity', (info.opacity.min + (info.opacity.diff * factors.scale)).toFixed(2))

來源

2011-06-10 15:21:37

確認。謝謝。在jQuery Roundabout 1.1：485行。 – BasTaller 2011-09-07 09:15:56

我刪除了這條線，並與IE7,8,9完美。它仍然無法在IE6上運行。

對於pngfix，我嘗試了「supersleight」插件，它在每個IE中除了在迂迴路口外都非常漂亮。

我使用了一個小PHP函數，以服務即腳本不透明度：

  if(usingIE()) 
       echo "<script src='".ROOT."_js/jquery.roundabout.js' type='text/javascript'></script>"; 
      else 
       echo "<script src='".ROOT."_js/jquery.roundabout.min.js' type='text/javascript'></script>"; 


      echo " 




       <script> 
        $(document).ready(function() { 
         $('ul#teacherslist').roundabout({ 
          minOpacity: 0.6, // invisible! 
          minScale: 0.3, 
          maxScale: 1, 
          shape: 'lazySusan', 
          duration: 600, 
          minZ:2000, 
          maxZ:2001, 
          btnNext: '#next', 
          btnPrev: '#previous' 
         }); 
        }); 
       </script>

我仍然不知道爲什麼IE6要給予更多的麻煩！

來源

2011-06-30 18:09:51

IE圖像顯示問題

回答

相關問題