js解决css样式兼容 js样式操作

原生JS设置CSS3样式时,怎么添加兼容性前缀(

1、还有一个更简单的方法，是用prefixfree.js这个插件，引入后它会自动检测并添加兼容前缀，这样你写的时候都不用加，这个插件在GitHub上有，你去搜下吧。

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站建设、网站设计、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的利津网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

2、可以加-moz-。这个前缀主要用于低版本火狐浏览器css3的兼容。由于css3刚出来的时候，各浏览器没有统一，所以低版本需要加兼容前缀，后面的版本已经统一了就可以不加前缀也能正常显示。也可以使用js插件自动加前缀。

3、在同一个CSS样式表中，使用！important 来定义不同的值以适应Firefox和IE。

1、目标：css实现不同浏览器下兼容文本两端对齐。

2、条件注释。（只对IE浏览器有效）这也是北极冰仔部落格目前使用的方法。

3、在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法： div{margin：30px！important；margin：28px；} 注意这两个margin的顺序一定不能写反，据阿捷的说法！important这个属性IE不能识别，但别的浏览器可以识别。

4、浏览器兼容问题一：不同浏览器的标签默认的margin和padding不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。

5、调试越少~~~浏览器方面，安装IETester，IE8，FF最新版，opera最新版，这样就可以做好本地调试。到你的网站完全兼容这些浏览器的时候再做个远程测试，网址 http：//browsershots.org/ 远程测试必须在服务器上进行。

6、转：ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。

这样应该是不行的吧，或者是我还不会，而且要修改的话直接去css文件修改就好了，如果用js修改的话可以添加新的样式覆盖原来的样式，直接修改类名的话会使得操作复杂度加深，无法很好得进行维护。

用JavaScript修改CSS属性只有写原生的javascript了。

语法：元素.style.样式名=样式值注意：如果CSS的样式名中含有-，这种名称在JS中是不合法的，比如 background-color 。

改变样式最直接的方法就是改变元素节点的style属性。

网站标题：js解决css样式兼容 js样式操作
文章地址：http://shouzuofang.com/article/dgjseco.html