的Firefox的Javascript DIV轉動不靈，但在Chrome和Safari

Question

loadingSpinner2.style['-webkit-transform'] = "rotate(45deg)";

此行確實工作似乎並沒有設置裝載微調，但在Safari和Chrome它旋轉。我如何使它在Firefox中工作？

Answer 1

我只是要添加到@Musa。 transform是新的CSS3屬性，所以在CSS中的全部代碼看起來像

-moz-transform: rotate(45deg); /* For Firefox<16.0 */ 
-ms-transform: rotate(45deg); /* For IE9 only */ 
-webkit-transform: rotate(45deg); /* For Safari, Chrome, iOS */ 
-o-transform: rotate(45deg); /* For Opera<12.10 */ 
transform: rotate(45deg); /* For all other CSS3 compatible major browser */ 

，所以你必須使用所有的人都在你的JS這個順序，但仍不能保證你完整的瀏覽器支持

編輯正如我從你的COMENT瞭解你感興趣的使用它們的順序：通常是最現代酒店最後應用到覆蓋所有老樓盤

Answer 2

這是因爲您使用的是webkit前綴（chrome和safari是基於webkit的），因此它們不會在firefox等非webkit瀏覽器上工作。
對於Firefox使用-moz-前綴

loadingSpinner2.style['-moz-transform'] = "rotate(45deg)"; 

對於歌劇有-o-

loadingSpinner2.style['-o-transform'] = "rotate(45deg)"; 

爲IE（> = 10）離開了前綴。

---

.rot{ 
    -moz-transform: rotate(45deg); /* For Firefox<16.0 */ 
    -ms-transform: rotate(45deg); /* For IE9 only */ 
    -webkit-transform: rotate(45deg); /* For Safari, Chrome, iOS */ 
    -o-transform: rotate(45deg); /* For Opera<12.10 */ 
    transform: rotate(45deg); /* For all other CSS3 compatible major browser */ 
} 

loadingSpinner2.classList.add('rot');