关于浏览器的兼容问题（总结类、持续更新系列~）

纠结的兼容性问题

　　 咱们在给网页加 css 或者js时，每每要处理一些兼容性的东西，好比要给某元素加一个属性，在谷歌浏览器运行了一下，效果出来了，誒~美滋滋。然而当切换到IE浏览器的低版本的时候就出不来了，很鸡肋的一件事情。这时候咱们就要回去处理了，你不处理还不行，虽然如今用的都是一些主流浏览器，不多用IE的了，更别说IE低版本了，但你不能排除没有人用，并且不少浏览器依然兼容不了一些东西。

　　　　产品经理：偷懒？没门！

 

　　　　在这里总结一些兼容性处理的办法，为了防止之后忘记  ：

　　　　　　1、清除浮动的兼容性

　　　　　　　　.clearfix:after{

　　　　　　　　 content:"";

　　　　　　　　 clear:both;

　　　　　　　　 display:block;

　　　　　　　　 visibility:hidden;

　　　　　　　　 height:0;

　　　　　 }

　　　　　 .clear{

     　　　　　  *zoom:1;

　　　　　 }

 　　　　　　2、透明度的兼容性

　　　　　　   opacity:0.3;

　　　　　filter:alpha(opacity=30);

　　　   3、各类国外浏览器在CSS3中的兼容问题

 

　　　　　　　　　国内的浏览器的内核都是谷歌

 

　　       Chrome的前缀-webkit-

 

　　　　　 Firefox的前缀-moz-

 

　　　　　 IE的前缀-ms-

 

           Opera的前缀-o-

　　　   4、document获取根节点的兼容性（Ie6不支持document.documentElement）

　　　　　　　var w=document.documentElement.clientWidth||document.body.clientWidth