Backgrund PNG圖像與JQuery的 - 懸停IE6問題

Question

我有下一個菜單：http://health-fitness-news.info/menu/。列表中的鏈接具有PNG背景圖像。除IE6以外，所有瀏覽器均可正常工作。 我發現了一個腳本，它可以解決IE6中的這個問題，但在鼠標HOVER中不起作用。當鼠標懸停在鏈接上時，bg圖像不具有透明度。 我該怎麼做才能解決這個問題？

Answer 1

你試過類似iepngfix的東西嗎？

Answer 2

使用超級光標：http://allinthehead.com/retro/338/supersleight-jquery-plugin。這是一個已知的問題，IE往往會搞砸渲染透明PNG，透明區域顯示爲淡藍色的醜陋陰影。

Answer 3

這裏有一個想法：

貌似懸停圖像與文字的完整的事，煥發和背景下，word..but所有合併的背後不是一個普通的光芒。所以，爲什麼不做一個合併的四元黑色與每個選項，與所有單詞相同的高度和位置（在Photoshop中，所有發光版本圖層可見，選擇與魔術棒（與「所有圖層」選項選中）透明背景（隱藏以前是黑色圖層），所以您可以選擇，反轉選擇，然後只是圖像/裁剪）。這會給你一個四分之一的最大可能發光的大小。如果你的菜單改變了背景顏色，那麼這是無法解決的，除非你使用兩個clases（如果有兩個背景）來加載一個或者其他的pngs，這取決於類（即站點部分）。

一個更好的事情是做這個解決方案，並添加一些條件的HTML或條件的CSS屬性只是爲了IE的情況下，所以只有當這是得到使用，如果瀏覽器是IE6。

另一種方法是使用透明的gif，但不適用於這種情況。