IE7打開我的鼠標經過圖像的黑色

我使用jQuery腳本爲我的圖像翻轉，我遇到了在IE7中的問題只有在我所有的圖像加載正確，但一旦你翻轉的形象和推出的邊緣邊緣頂部圖像變黑。有沒有人有任何想法可能會造成這種情況。該網站可以在free-to-be-me.com/ask-ava.php找到。IE7打開我的鼠標經過圖像的黑色

這裏是我使用的代碼：

$(function() { 
     $(".bw").hover(function() { 
      $(this).animate({ opacity: 0.0 }, 200); 
     }); 
    }); 

    $(function() { 
     $(".bw").mouseout(function() { 
      $(this).animate({ opacity: 1.0 }, 200); 
     }); 


<div class='liner-nav'> 
    <div class='container'> 
     <a class='html' href='ava-lb/options.html' style='border:none;' rel='group'><img src='images/ava/School_pink.png' class='bw' style='border:none;' /></a> 
     <img src='images/ava/School_blue.png' class='colour' alt='' /> 
    </div> 
</div> 
});

在此先感謝您的幫助。

編輯

我一直拖網互聯網小時，現在嘗試各種不同的黑客，試圖從ballsing了PNG圖像停止IE7。我得出的結論是，儘管IE7能夠以最少的麻煩處理PNG，但它並沒有很好地處理不透明度的變化。所以我選擇了一個直接的圖像交換，因爲它實現了同樣的目的。謝謝你的幫助。

來源

2010-02-08 Drew

IE瀏覽器和PNG圖像打不開。 – 2010-02-08 14:00:35

IE的所有版本仍然有一個包含了設置應用了不透明PNG格式的問題。見this SO question。

來源

2010-02-08 13:45:11

我認爲你的主要問題是兩幅圖像的尺寸略有不同 - 粉紅色圖像（當你翻轉時會出現）是249x89像素，而藍色圖像（下面有什麼）是257x97像素。

再加上IE的用PNG圖像透明度衆所周知的問題，你會得到你看到效果。

我建議你在粉色圖像的左側和頂部添加一個8像素寬的白色邊框，使其與藍色圖像的大小相同。這應該實現「按下按鈕和粉紅色」看起來你似乎是後。要做到這一點

一種方法是使用ImageMagick的轉換工具：

convert -size 257x97 xc:white -page +8+8 School_pink.png -flatten School_pink_wborder.png

但是，你要運行，讓您通過pngquant或類似的工具，因爲convert不輸出索引顏色結果圖像，只有全綵。

來源

2010-02-08 14:13:42

感謝您的建議。我剛剛嘗試過，不幸的是我仍然得到同樣的結果。 – Drew 2010-02-08 14:25:07

IE7打開我的鼠標經過圖像的黑色

回答

相關問題