IE6 IE7 IE8 FF兼容高度

来源：互联网发布：常用java项目技术编辑：程序博客网时间：2024/05/29 08:33

浏览器兼容代码：

浏览器

符号

IE6

IE7

IE8

√

!important

√

*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识别*/

}

IE6 IE7 IE8 FF兼容 高度