首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >与Mozilla Firefox中的-webkit-transform等效

与Mozilla Firefox中的-webkit-transform等效
EN

Stack Overflow用户
提问于 2013-02-28 20:40:10
回答 2查看 12.2K关注 0票数 1

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

代码语言:javascript
复制
var s= $("#body").scrollTop();
$("#logo").css("-webkit-transform","translateY("+(s/3)+"px)");

对于Firefox,我尝试了以下代码:

代码语言:javascript
复制
$("#logo").css("-mozkit-transform","translateY("+(s/3)+"px)");

但它不起作用。

火狐的等价物是什么?

EN

回答 2

Stack Overflow用户

发布于 2013-02-28 20:42:06

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

代码语言:javascript
复制
$("#logo").css("-moz-transform","translateY("+(s/3)+"px)");

对于其他浏览器:

代码语言:javascript
复制
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 */
票数 9
EN

Stack Overflow用户

发布于 2013-03-01 00:59:13

"Mozilla“版本是:

代码语言:javascript
复制
$("#logo").css("transform","translateY("+(s/3)+"px)");

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

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15135805

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档