css IE6 IE7 IE8 FF兼容 高度

 瀏覽器兼容代碼：

瀏覽器     符號	IE6	IE7	IE8	FF
*	√	√	×	×
!important	×	√	×	√
_	√	×	×	×
\9	×	×	√	×
*html	√	×	×	×
*+html	×	√	×	×

 

說明：”√”代表能識別；” ×”代表不識別

1、  案例一（常用）

如果各個瀏覽器的高度都不相同，代碼如下：

.warp{

Height:100px;          /*IE6、IE7、IE8、FF識別*/

Height:110px\9;       /*IE8識別*/

*height:120px!important;        /*IE7 識別*/

*height:130px;           /*IE6、IE7識別，但上一段代碼中!important的級別比*號的級別高，所以此段代碼只有IE6中才有效*/

}

 

2、  案例二

如果各瀏覽器高度只有IE6和IE7中相同，而FF不同，代碼如下：

.warp{

Height:100px;     /*IE6 、IE7、 IE8、FF識別*/

*height:120px;    /*IE6、IE7識別*/

}

 

3、  案例三

對各瀏覽器單獨寫不同代碼，如下：

.warp{  height:200px; }  /* IE6 、IE7、 IE8、FF識別*/

.warp{  height:300px\9;}  /*IE8識別*/

*html  .warp{  hegith:210px; }  /*IE6識別*/

*+ html  .warp{  height:300px;}  /*IE7識別*/

 

4、  案例四

如果各瀏覽器高度相同只有IE6的不同，代碼如下：

.warp{

           Height:100px;    /* IE6 、IE7、 IE8、FF識別*/

           _Height:120px;  /*IE6識別*/

}