CSS hack兼容不同浏览器的写法

火狐（Mozilla,Firefox）和谷歌涉猎器（chrome）是相比标准的IE浏览器，通常我们以这个阅读器为启迪参照平台，同时IE8与这两个涉猎器讲明CSS比较濒临，一样平常只要经太过狐、google浏览器测试兼容，通常就或者必然IE8.

是以一般咱们区别这些浏览器CSS hack的方式就变得简单，我们只需思索IE6\IE7\火狐（Firefox）这3个阅读器即可兼容悉数阅读器。
具体区别以下：
区别IE6与FF：
bac公斤round:orange; *bac公斤round:blue;
区别IE6与IE7：
bac千克round:green !important; bac千克round:blue;
区别IE7与FF：
bac公斤round:orange; *background:green;
区别FF，IE7，IE6：
bac千克round:orange; *background: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; *background: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、谷歌阅读器下就会浮现宽度为200px高度为100px带1px的黑边框的方块；IE7阅读器宽度下为150PX高度为100px带1px的黑边框的方块；在IE6涉猎器下就会闪现出长度与宽度为100px的带1px黑边的正方形。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！