CSS3轉換（掛鉤到JS類更改）不工作在FF

我有一個CSS3轉換設置爲在h1元素上觸發，只要某些JavaScript將包含元素的類名稱更改爲包含「active」。要做到這一點，我有兩個CSS聲明：CSS3轉換（掛鉤到JS類更改）不工作在FF

#idname .classname h1 { 
    opacity: 0; 
    left: -1.25em; 
    z-index: 3; 
    position: relative; 
}

其次：

#idname .classname.active h1 { 
    opacity: 1; 
    left: 0; 
    -webkit-transition : all 4s ease; 
    -moz-transition : all 4s ease; 
    -ms-transition  : all 4s ease; 
    -o-transition  : all 4s ease; 
    transition   : all 4s ease; 
}

這精美的作品在WebKit的瀏覽器，但出現在Firefox正在失敗。我的懷疑是這是與我如何基於類名更改觸發，但我可能是錯的。 Firefox不允許你這樣做嗎？有沒有人有一個很好的解決方法？預先感謝您提供的任何幫助。

來源

2012-04-27 calexical

我剛剛嘗試了以上，並且它似乎在Firefox中正常工作。你能發佈一個完整的測試用例來顯示你的問題嗎？ – 2012-04-28 01:21:58

-1

我的問題已經解決，添加一些東西到DOM，然後添加一個特定的類名稱觸發動畫之間添加一個小的延遲。 20ms足以讓我在Firefox中工作。

來源

2012-08-26 02:23:58 cnanney

CSS3轉換（掛鉤到JS類更改）不工作在FF

回答

相關問題