javascript - 原生JS设置CSS3样式时，怎么添加兼容性前缀（-webkit-）-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 原生JS设置CSS3样式时，怎么添加兼容性前缀（-webkit-）

ringa_lee 2017-04-10 17:57:59

[JavaScript讨论组]

1073

正常设置css3样式是这样的
obj.style.WebkitTransition = "all 1s linear";
解析出来的是
<p id="obj" style="transition: all 1s linear;"></p>
我想知道怎么加上-webkit-前缀。如下面
<p id="obj" style="-webkit-transition: all 1s linear;"></p>

ringa_lee

全部回复(4)

怪我咯2017-04-10 17:59:59 4楼

你有用webpack、gulp、grunt这些工具么- -或者有编辑器吧，弄个Autoprefixer就行了- -
手写很麻烦。。而且可维护性不好，以后突然其中一个前缀不需要了，你又要手动去改

赞 +0

添加回复

伊谢尔伦2017-04-10 17:59:59 3楼

http://stackoverflow.com/ques...

赞 +0

添加回复

黄舟2017-04-10 17:59:59 2楼

那个,如果你的元素没有内联样式的话,你可以直接obj.style.cssText="-webkit-transition: all 1s linear;...;"试试看

赞 +0

添加回复

PHP中文网2017-04-10 17:59:59 1楼

我是会给一个空的 style 标签，里面给以个id 然后，

document.getElementById('air_style').innerHTML = "#obj{" +
                "-webkit-transform: rotate(" + deg + "deg);" +
                "-moz-transform: rotate(" + deg + "deg);" +
                "-ms-transform: rotate(" + deg + "deg);" +
                "-o-transform: rotate(" + deg + "deg);" +
                "transform: rotate(" + deg + "deg);" + "}";

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>