这是jsFiddle：http://jsfiddle.net/ybGpJ/4/
这令人沮丧。在Chrome和Safari中，转换功能很好，但在Firefox上，没有任何动画！那是为什么？
这似乎来自addClass（）方法。在Firebug中启动控制台并打开和关闭类.scene（用于在我的css中转换）后，我可以告诉你没有动画发生。它似乎只是切换背景图像和h1的可见性。
但是，如果我切换不透明度或变换的复选框（仍然在萤火虫中），它会动画很好的gaahhhh ......
有人可以帮忙吗？
答案 0 :(得分：4)
我执行了以下步骤，让您的网页在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中运行。你的定义可能有些不对劲。我会四处寻找，因为有很多例子可供你参考。