2013-02-28 107 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浏览器的当前版本支持的。