IE6 IE7 IE8 FF兼容 高度
2013-01-10 09:01
120 查看
浏览器兼容代码:
说明:”√”代表能识别;” ×”代表不识别
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 | ||
* | √ | √ | × | × | ||
!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识别*/
}
相关文章推荐
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- css IE6 IE7 IE8 FF兼容 高度
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- IE6 IE7 IE8 FF兼容 高度
- ul li高度在ie6、ie7、ie8、FF下兼容问题解决
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- 兼容 IE6,IE7,IE8,IE9,FF,
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- IE6 IE7 IE8 FF浏览器的CSS兼容问题探究
- min-height最小高度的实现(兼容IE6、IE7、FF)
- 全面兼容ie6,ie7,ie8,ff的CSS HACK写法
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题(转至http://www.douban.com/note/163291324/)
- min-height最小高度的实现(兼容IE6、IE7、FF)(解决IE6不兼容min-height)
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- 兼容IE6,IE7,IE8,FF的JQuery 垂直二级导航菜单
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- 用min-height实现最小高度(兼容IE6、IE7、FF)