我可以在chrome中移动图像,但不能在mozilla中移动图像。我使用了以下代码:
var s= $("#body").scrollTop();
$("#logo").css("-webkit-transform","translateY("+(s/3)+"px)");
对于mozilla我尝试过以下代码
$("#logo").css("-mozkit-transform","translateY("+(s/3)+"px)");
但它不起作用。
有人能告诉我它与mozilla的等价物吗?
答案 0 :(得分:8)
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 :(得分:2)
“Mozilla”版本是:
$("#logo").css("transform","translateY("+(s/3)+"px)");
没有前缀。事实上,这是所有非WebKit浏览器的当前版本支持的。