0

今天我注意到 Firefox 中有一个相当烦人的错误。

当您将 CSS 动画应用于元素以及针对相同键(例如transition: all)的过渡时,动画会卡住/跳跃/重新启动/运行两次。

我编译了一个快速演示。在除 Firefox 之外的所有浏览器中,该栏都会按预期向下滑动。由于过渡,只有 Firefox 口吃。

这是一个已知的错误?有没有巧妙的方法来规避这种情况?我不想再次开始编写特定于浏览器的样式表。有 JavaScript 插件吗?

4

1 回答 1

1

不确定这是否是一个错误......我在规范中找不到一个地方可以说一个或另一个。无论如何,您是否搜索和/或提交错误报告

无论如何,解决方法是不使用all,它也会触发位置变化,这是由于animation,但使用更具体的东西。例如在您的演示中使用

transition: background .5s ease

http://codepen.io/anon/pen/Donfk

于 2013-10-27T05:13:54.380 回答