区别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)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
IE6 IE7 FF
* √ √ ×
!important × √ √
--------------------------------------------------------------------------------
另外再补充一个，下划线"_",
IE6支持下划线，IE7和firefox均不支持下划线。(推荐)
于是大家还可以这样来区分FF，IE7，IE6：
background:orange;*background:green !important;*background:blue;
注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。
第一种，是CSS HACK的方法
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
注意顺序。
这样也属于CSS HACK，不过没有上面这样简洁。
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
第二种是使用IE专用的条件注释
<!--其他浏览器 -->
<link rel="stylesheet" type="text/css" href="css.css" />
<!--[if IE 7]>
<!-- 适合于IE7 -->
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->
<!--[if lte IE 6]>
<!-- 适合于IE6及一下 -->
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
第三种css filter的办法，以下为经典从国外网站翻译过来的。.
新建一个css样式如下：
#item {
width: 200px;
height: 200px;
background: red;
}
新建一个div,并使用前面定义的css的样式：
<div id="item">some text here</div>
在body表现这里加入lang属性,中文为zh：
<body lang="en">
现在对div元素再定义一个样式：
*:lang(en) #item{
background:green !important;
}
这样做是为了用!important覆盖原来的css样式,由于:lang选择器ie7.0并不支持,所以对这句话不会有任何作用,于是也达到了ie6.0下同样的效果,但是很不幸地的是,safari同样不支持此属性,所以需要加入以下css样式：
#item:empty {
background: green !important
}
:empty选择器为css3的规范,尽管safari并不支持此规范,但是还是会选择此元素,不管是否此元素存在,现在绿色会现在在除ie各版本以外的浏览器上。
个人比较常用第一种，如下：
程序代码
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
分享到：
相关推荐
简单CSShack：区分IE6、IE7、IE8、Firefox、Opera().pdf
但问题是，为了一句CSS写多一个文件，或者在header上添加注释，那...根据CSS的优先性，上面的写法，分别针对Firefox、IE8、IE7和IE6显示值。让我们看看这个演示： 演示的CSS代码如下： [code] p.ie{ height:60px;text-
区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; 区别FF，IE7，IE6：background:orange;*background:green !important;*background:blue; 注...
技术资料\区分IE6,IE7和firefox的CSS hack-CSS教程.doc
browser-hack-sass-mixins：浏览器hack sass mixin-将SCSS应用于特定的浏览器-CSS hacks：IE，Chrome，Firefox，Edge，Opera
针对firefox ie6 ie7 ie8的css样式hack 以前我们大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7以上对!important可以正确解释，会导致页面没按要求显示！搜索了一下，找到了一个针对IE7...
经常网页布局需要兼职多浏览器，所以下面的css hack可以用，但最好少用，不得不用才用
区分出IE6的hack写法1.区别IE6、7与FF/IE8： JavaScript Code复制内容到剪贴板 background:blue;*background:orange; 引用显示效果：IE 6/7：orangeFF/IE8:blue原理：FF/IE8不支持*开头，而IE6/7都支持。 2.区别IE...
粗略算一下，目前至少要满足如下的浏览器要求：IE8、IE9、IE10、IE11、Chrome、Firefox，由于360使用的是Chrome内核，所以满足Chrome基本就满足了360。而IE家族真是一个版本一个样，我说IE怎么这么喜欢折腾呢？这给...
IE7.0简体中文正式版发布了，对于我等常和网页打交道的人来说... 兼容浏览器版本：IE5.0，IE5.5，IE6.0，IE7.0，Firefox1.5，FireFox2.0 CSS代码：（请注重Hack代码的顺序） 复制代码代码如下: #test{ width:300px
/*For Firefox*/`：这个语句用于 Firefox 浏览器，设置元素的高度为 20px。 * `*height:25px; /*For IE7 & IE6*/`：这个语句用于 IE7 和 IE6 浏览器，设置元素的高度为 25px。这里的星号（*）是 hack 语句的一部分...
今天把一些常用的CSS Hack整理了一下，包括常用的IE hack以及火狐、Chrome、Opera浏览器的Hack，并把这些CSS Hack综合的一起，写了一个小的浏览器测试器
主要是：大家可以这样来区分IE6，IE7，firefox : background:orange;*background:green;_background:blue; 注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面，今天我就忘了...