關於瀏覽器的兼容問題（總結類、持續更新系列~）

糾結的兼容性問題

　　 咱們在給網頁加 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