這裏是的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