您的位置:首页 > 其它

IE6 IE7 IE8 FF兼容 高度

2013-01-10 09:01 120 查看
浏览器兼容代码:
浏览器

符号
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识别*/
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: