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

标签 jquery css animation internet-explorer-8

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

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

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

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

可以查看页面here

有什么想法吗??

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

enter code here

最佳答案

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

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

关于jquery - IE8 没有正确地动画 jQuery 菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3249460/

相关文章:

javascript - Safari 12.1 中的变换原点动画问题

javascript - 在 HTML 中使用 PHP 文件

ios - TextureAtlas 工具不读取纹理图集 - SpriteKit 纹理图集生成器错误

javascript - Highcharts 系列更新动画

jquery - Rails - 有什么关于在 jquery 中通过 json 提交表单的好例子吗?

javascript - document.ready 没有触发?

javascript - 如何在 angularJs 中通过单击按钮添加 div

css - 线性渐变动画在 Firefox 中不起作用

html - 表格行元素下的 CSS 三 Angular 形

Android ViewFlipper ZOrder