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

一样平常我们区别这些浏览器CSS hack的法子就变得简单,我们只需考虑IE6\IE7\火狐(Firefox)这3个阅读器就可兼容全部阅读器。
详细区别如下:
区别IE6与FF:
bac公斤round:orange;*bac千克round:blue;
区别IE6与IE7:
background:green !important;background:blue;
区别IE7与FF:
background:orange; *background:green;
区别FF,IE7,IE6:
bac公斤round:orange;*bac公斤round:green !important;*bac千克round: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;火狐IE8谷歌涉猎器下宽度为200PX;(PX是长度单元像素)

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

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