2013-02-28 97 views
2

我可以在chrome中移動圖片,但不能在mozilla中移動圖片。我用下面的代碼:Mozilla Firefox中-webkit-transform的等價物?

var s= $("#body").scrollTop(); 
$("#logo").css("-webkit-transform","translateY("+(s/3)+"px)"); 

爲Mozilla我曾嘗試下面的代碼

$("#logo").css("-mozkit-transform","translateY("+(s/3)+"px)"); 

,但它不工作。

任何人都可以告訴我什麼是它相當於mozilla嗎?

+1

而不是** - mozkit **寫入** - moz ** – sandeep 2013-02-28 12:43:26

+0

thankyou sandeep :) – Rickie 2013-02-28 13:00:10

回答

7

https://developer.mozilla.org/pl/docs/CSS/transform

$("#logo").css("-moz-transform","translateY("+(s/3)+"px)"); 

而對於其他瀏覽器:

transform:rotate(7deg); 
-ms-transform:rotate(7deg); /* IE 9 */ 
-moz-transform:rotate(7deg); /* Firefox */ 
-webkit-transform:rotate(7deg); /* Safari and Chrome */ 
-o-transform:rotate(7deg); /* Opera */ 
+1

我不會鏈接到w3schools。請嘗試[MDN](https://developer.mozilla.org/en-US/docs/CSS/transform)。 – Romoku 2013-02-28 17:00:05

+0

將鏈接更改爲developer.mozilla.org – MarcinJuraszek 2013-02-28 17:01:22

2

的 「Mozilla的」 版本是:

$("#logo").css("transform","translateY("+(s/3)+"px)"); 

沒有前綴。事實上,這是由所有非WebKit瀏覽器的當前版本支持的。