javascript - 动画在 IE 中失败

标签 javascript jquery internet-explorer cross-browser

jsFiddle

我正在尝试创建一个 jQuery 插件,它允许我们在标记中添加进入和退出动画。

我的入口动画在 Chrome 和 Firefox 中有效,但它们在 IE7 或 IE8 中没有效果

动画由

执行

animate({'top':posData.top+'px', '左': posData.left+'px', '不透明度':1}, 速度)

或其变体(取决于所需的方向)。 posData 被记录到控制台,因此您可以看到可能的值。 speed 在插件开始时设置。

最佳答案

IE8 和 IE7 不支持 CSS2 - opacity,您需要 filter: alpha(opacity=70);。更多详情请阅读here .

在您的 jsFiddle 中,您正在更改 div 的不透明度。由于 IE8 和 IE7 不支持 opacity,因此您看不到任何动画。

编辑

检查这个this在 SO 上发帖。它提到了解决问题的 hasLayout

希望对你有帮助。

关于javascript - 动画在 IE 中失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9176716/

相关文章:

javascript - 缩放 SVG 组元素以在单击时动态地以视口(viewport)为中心的路径

windows - WebBrowser ActiveX 控件在 2022 年 6 月之后会继续工作吗?

internet-explorer - Internet Explorer 8 和 Internet Explorer 6 并排

javascript - Internet Explorer prependTo 以不同方式显示

javascript - 使用自定义阅读更多指令的 ng-repeat 不起作用

javascript - 这在私有(private)背景下

javascript - 元素旋转不流畅

javascript - 在 Javascript 中禁用文本字段自动对焦

Javascript:在svg中找到位置

javascript - 动态添加文本框并将其值存储在mysql中