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

.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

.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