使用Jquery的背景PNG图像 - 悬停IE6问题

Question

我有下一个菜单：

http://health-fitness-news.info/menu/。

列表中的链接具有PNG背景图像。除IE6外，所有浏览器都能正常工作。

我找到了一个在IE6中解决此问题的脚本，但在鼠标HOVER中无效。当鼠标悬停在链接上时，bg图像没有透明度。

我该怎么做才能解决这个问题？

Answer 1

您是否尝试过类似iepngfix的内容？

Answer 2

使用supersleight：http://allinthehead.com/retro/338/supersleight-jquery-plugin。这是一个众所周知的问题，IE倾向于搞砸渲染透明的PNG，透明区域显示为一个丑陋的淡蓝色。

Answer 3

这是一个想法：

看起来悬停图像是一个完整的东西，包含单词，发光和背景，而不是单词背后的通用发光。但是全部合并。所以，为什么不用每个选项合并四边形到黑色，所有单词的高度和位置相同（在photoshop中，所有发光版本图层都可见，选择魔术棒（选中“所有图层”选项）在透明背景上（隐藏以前的黑色图层，所以你得到选择，反转选择，然后只是图像/裁剪）。这将为您提供最大可能发光大小的四边形。如果你的菜单改变了背景颜色，那么这是没有解决方案的，除非你使用两个clases（如果有两个背景）来加载一个或其他png，具体取决于类（即网站部分）。

更好的办法是做这个解决方案，并为IE的情况添加一些条件html或条件css属性，所以只有当浏览器是IE6时才会使用它。

另一种方法是使用透明的GIF，但在这种情况下不适用。