这里是的jsfiddle：http://jsfiddle.net/ybGpJ/4/CSS3过渡不是的Zepto/jQuery的addClass射击（）在Firefox只有
这是令人沮丧的。在Chrome和Safari中，转换过程非常顺利，但在Firefox上，没有任何动画！这是为什么？
这似乎来自addClass（）方法。在Firebug中调出控制台并打开和关闭类.scene（用于在我的css中转换）后，我可以告诉你没有动画发生。它似乎只是切换背景图像和h1的可见性。
但是，如果我切换了无论是不透明或变换（仍在萤火虫）复选框，它动画就好gaahhhh ...
任何人可以帮助？
我执行了以下步骤让您的页面在Firefox中工作。
.scene {overflow:hidden;}。-moz-transition: all 1s ease-in-out;添加到两个类别：.page-title和.animated-header-bg。在Firefox和Chrome上述工程在我的测试。您可以在这里编辑我的更改：http://jsbin.com/amofih/1/edit。
我的更改很少，IMO也不理想。你有很多CSS转换和转换。您可能想要查找找到更有效的创建动画的方法（可能通过JS库）。
此外，我知道我的-moz-transition: all 1s ease-in-out;只是覆盖了您的转换定义，但我认为它仍然对您有所帮助。在这里你至少可以看到它可以在Firefox中工作。您的定义可能有些问题。我会搜索周围，因为有很多例子可供您参考。
谢谢@JS！ 我一定会适用您的建议。另外，经过一段时间后回到它之后，我意识到我可以在css转换中清除相当多的代码。 – Krimo 2013-02-04 08:55:02
你应该在这个问题上的代码：不只是链接到jsfiddle.net。 – 2013-01-09 08:28:11