jquery - IE8 没有正确地动画 jQuery 菜单

Question

我真的很头疼。我编写了一个小而简单的菜单，它采用由 jQuery 提供支持的简单动画(淡入/淡出)。

我的问题是，当在 ie8 中查看动画时，动画看起来很糟糕 - 当动画运行时，文本周围可以看到丑陋的大黑色边框(看看下面的链接，您就会明白我的意思)。

由于它在 FF、Chrome 和 Safari 中绝对完美地呈现和动画，这个问题进一步复杂化。

现在，正如您将从页面中看到的那样，我是一名经验丰富的 Web 开发人员，因此对 IE 的怪癖很熟悉，但我找不到这个特定问题的原因。

可以查看页面here

有什么想法吗？？

硅

编辑:根据要求，可以下载 CSS(尽管您可以使用 Firebug 查看它)here

enter code here

Answer 1

我认为您遇到了 IE8 png 褪色问题。与简单的不透明度过滤器结合使用时，它不会正确混合半透明的 png 像素。要将不透明度过滤器与半透明 png 结合使用，您必须使用老式的 AlphaImageLoader 过滤器。我认为旧的 IE6 修复程序仍然可以在 IE8 中修复此问题:http://www.twinhelix.com/css/iepngfix/

更新:可选，只需禁用 IE 中的淡入淡出并立即从发光/不发光切换，没有淡入淡出效果。