欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

咱们只需思索IE6\IE7\火狐(Firefox)这3个涉猎器就可兼容全部阅读器。
详细区别如下:
区别IE6与FF:
bac千克round:orange;*background:blue;
区别IE6与IE7:
bac公斤round:green !important;bac千克round:blue;
区别IE7与FF:
bac千克round:orange; *bac千克round:green;
区别FF,IE7,IE6:
bac千克round:orange;*bac千克round:green !important;*background:blue;

注:IE都能辨认*;规范涉猎器(如FF)不能识别*;
IE6能识别*,但不克不及辨认 !important,
IE7能辨认*,也能识别!important;
FF不克不及辨认*,但能辨认!important;以下是各涉猎器CSS hack表格

 

 

IE6

IE7

FF

*

×

!important

×

 

 

另外再填补一个,下划线"_",
IE6赞成下划线,IE7与firefox均不支持下划线。

于是人人还可能多么来判袂IE6,IE7,firefox: bac公斤round:orange;*bac千克round:green;_bac千克round:blue;

注:不论是甚么办法,誊录的按次都是firefox的写在前面,IE7的写在两头,IE6的写在最背面。

以上是介绍区别各涉猎器的CSS hack的写法,上面我们简单引见这些CSS hack用法:

要求注明:若是咱们设置一个类名为exple的类CSS属性,CSS技俩边框为1PX黑色边框,高度为100PX并申请,在IE6阅读器下宽度为100PX;IE7浏览器宽度下为150PX;火狐IE8google浏览器下宽度为200PX;(PX是长度单元像素)

则CSS代码以下:
.exple{border:1px solid #000; height:100px;width:200px; *width:150px !important; *width100px;}
这样只有在html设置装备摆设一个div的类(class="exple"),如许这部份在火狐、IE8、谷歌涉猎器下就会浮现宽度为200px高度为100px带1px的黑边框的方块;IE7浏览器宽度下为150PX高度为100px带1px的黑边框的方块;在IE6阅读器下就会闪现出长度与宽度为100px的带1px黑边的正方形。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-tool/t52593.shtml