CSS hack之区别不同浏览器的写法

1、css hack之区别不同浏览器的写法我们在开发div+css页面时候经常会碰到开发出的网页的一些地方在各大扫瞄器比如微软ie6、微软ie7、微软ie8、火狐扫瞄器、谷歌扫瞄器有一些不同，如宽度、高度等地方有相差误。ie6比较老的版本扫瞄器，用户比较多，ie7较新扫瞄器，更临近标准扫瞄器，ie8算是微软标准扫瞄器，但差别于扫瞄器，火狐（mozilla, firefox）和谷歌扫瞄器（chrome）是比较标准的ie扫瞄器，普通我们以这个扫瞄器为开发参考平台，同时ie8与这两个扫瞄器说明css比较临近，普通只要通过火狐、谷歌扫瞄器测试兼容，普通就能确定ie8.因此普通我们区分这些扫瞄器css ha

2、ck的办法就变得容易，我们只需考虑ie6ie7火狐（firefox）这3个扫瞄器即可兼容所有扫瞄器。详细区分如下：区分ie6与ff：background:orange;*background:blue;区分ie6与ie7：background:green !important;background:blue;区分ie7与ff：background:orange; *background:green;区分ff，ie7，ie6：background:orange;*background:green !important;*background:blue;注：ie都能识别*;标准扫瞄器(如ff)不能

3、识别*；ie6能识别*，但不能识别 !important,ie7能识别*，也能识别!important;ff不能识别*，但能识别!important;以下是各扫瞄器css hack表格 ie6 ie7 ff * √ √ × !important × √ √ 另外再补充一个，下划线"_",ie6支持下划线，ie7和firefox均不支持下划线。于是大家还可以这样来区别ie6，ie7，firefox: background:orange;*background:green;_background:blue;

4、注：不管是什么办法，书写的挨次都是firefox的写在前面，ie7的写在中间，ie6的写在最后面。以上是介绍区分各扫瞄器的css hack的写法，下面我们容易介绍这些css hack使用：要求解释：如果我们设置一个类名为exple的类css属性,css样式边框为1px黑色边框，高度为100px并要求，在ie6扫瞄器下宽度为100px；ie7扫瞄器宽度下为150px；火狐ie8谷歌扫瞄器下宽度为200px；(px是长度单位像素)则css代码如下：.expleborder: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黑边的正方形