html - Mozilla Firefox 中的 -webkit-transform 等价物

Question

我可以在 Chrome 中移动图像，但不能在 Firefox 中移动。我使用了以下代码：

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

对于 Firefox，我尝试了以下代码：

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

但它不起作用。

Firefox 的等价物是什么？

Answer 1

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 */

Answer 2

“Mozilla”版本是：

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

没有前缀。事实上，所有非 WebKit 浏览器的当前版本都支持这一点。