ie浏览器样式兼容写法_CSS hack兼容不同浏览器的写法

我们在拓荒DIV+CSS页面时刻往往会碰到开收回的网页的一些中央在各大阅读器好比微软IE6、微软IE7、微软IE8、火狐阅读器、google浏览器有一些不合，如宽度、高度等处所有相差误。

IE6相比老的版本涉猎器，用户比照多，

IE7较新涉猎器，更濒临尺度阅读器，

IE8算是微软标准浏览器，但差别于涉猎器，

火狐(Mozilla, Firefox)和google涉猎器(chrome)是比拟规范的IE浏览器，通常咱们以这个涉猎器为启迪参考平台，同时IE8与这两个阅读器抒发CSS对比接近，一般只需经由火狐、google浏览器测试兼容，通常就能够肯定IE8.

于是通常咱们区别这些阅读器CSS hack的方式就变得简单，咱们只需思考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;*background: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；火狐IE8google涉猎器下宽度为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黑边的正方形。