CSS3/jQuery 过渡在 Firefox 中不起作用？答案

【问题标题】：CSS3/jQuery transitions not working in Firefox?CSS3/jQuery 过渡在 Firefox 中不起作用？
【发布时间】：2023-03-07 12:46:01
【问题描述】：

是否还有其他人遇到 FF 不呈现 jQuery 和 CSS3 过渡的问题。例如，以下站点的演示在 FF 中不起作用，但在 Chrome 和 Safari 中起作用。 FF过去可以工作，但最近不行。我在多台电脑上都试过了，都有这个问题。

http://ricostacruz.com/jquery.transit/

【问题讨论】：

发布您的代码/JSFiddle。
没有。我不是在寻找解决方法，只是想知道是否有人和我有同样的问题。

标签： jquery firefox css css-transitions

【解决方案1】：

只是假设在这里，但也许该插件基于-moz-transition，而最新的 Firefox 可能已经放弃了对它的支持，转而支持transition？我会进一步调查

EDIT FF16 已更改为假设：

https://developer.mozilla.org/en-US/docs/CSS/transition

编辑 2：由于这是公认的答案，因此我将以下评论合并 - 归功于 @Boris Zbarsky：

Firefox 并未放弃对 -moz-transition 或 -moz-transform 的支持。它增加了对过渡和转换的支持。但是 jquery.transit 在任何支持无前缀转换的浏览器中都被破坏了。见http://github.com/rstacruz/jquery.transit/issues/86 和http://bugzilla.mozilla.org/show_bug.cgi?id=807636

【讨论】：

啊！一定是这样的。我将检查我的代码以查找具有相同问题的另一个站点。不过，您可能认为他们仍然支持 -moz，这样我们就不必都去更改我们以前的代码。 :(
我相信不再支持它的想法是合理的，最好的方法总是首先拥有特定于供应商的，然后 W3C 推荐最后一个 - 所以它总是会被浏览器接受仍然支持前缀版本呢！有时建议的语法也会发生很大变化，这很痛苦 - 即 css 渐变
Firefox 没有放弃对-moz-transition 或-moz-transform 的支持。它同时添加了对transition 和transform 的支持。但是 jquery.transit 在任何支持 transform 且不带前缀的浏览器中都被破坏了。见github.com/rstacruz/jquery.transit/issues/86 和bugzilla.mozilla.org/show_bug.cgi?id=807636

【解决方案2】：

确保您有相关 CSS 属性的 -webkit-、-moz- 和无前缀版本（或者 jQuery 插件根据需要生成它们）。

Firefox 16 删除了对 2D 变换的 -moz- 前缀的要求。

http://caniuse.com/#feat=transforms2d

【讨论】：

别忘了-o- 和-ms-（甚至可能是-khtml-）版本。
多么令人沮丧。他们至少应该让我们这些以前拥有它的人向后兼容。现在我需要查看我以前的所有站点，并确保它们也有无前缀版本。呜呜呜……
我们确实让它向后兼容，只要你是合理的！但是这个库中的代码是不合理的：它会被破坏。