对ie6、ie7、ff兼容性的详细css hack介绍2007年12月05日 16:00以下为引用：
现在我大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！搜索了一下，找到一个针对ie7不错的hack方式就是使用“*+html”，现在用ie7浏 览一下，应该没有问题了。现在写一个css可以这样：
example { color:#333;}/*moz*/html #example { color: #666;}/*ie6*/html #example { color: #999;}/*ie7*/
那么在firefox下字体颜色显示为#333，ie6下字体颜色显示为#666，ie7下字体颜色显示为#999，他们都互不干扰。我真希望那个ie6快点退休.
css hacks，css样式表补丁.用于修正xhtml编码设计的网页模板布局,某些层的溢出问题,hacks出处:www.webdevout.net，这个css补丁(hacks)很简单，在样式表中单独为ie7设置某个元素，id或者class前面这样写:
first-child+html #id{}
或者
first-child+html .class{}
别忘掉了前面的*,这个hacks使得div+css网页模板在ie5+,ie6,ie7,firefox 1.5,firefox 2的浏览器中都可以完美体现原始布局,而不会出现层溢出等问题.
ie7 修复了很多 bug，也增加了对一些选择符的支持，所以现在诸如*html {} 和html>body {} 等针对 ie 隐藏或显示的 hack 都会在 ie7 中失效。虽然 css hack 不推荐使用，条件注释才是万无一失的过滤器，但是条件注释只能出现在html 中，css hack 还是有用武之地的。nanobot 发现了一些针对 ie7 的 css hack，具体就是：
bodyhtml*html
这 三种写法，其中前两种都是不合法的 css 写法，在标准兼容浏览器中被被忽略，但是 ie7 却不这么认为。对于>body，它会将缺失的选择符用全局选择符*代替，也就是将其处理成了*>body，而且不光对于>选择符，+,~选择符中这个现象也存在。对于html*，由于html 和*之间没有空格，所以也是一种 css 语法错误，但 ie7 不会忽略，而是错误地认为这里有一个空格。对于第三种*+html，ie7 认为html 前面的 dtd 声明也是一个元素，所以html 会被选中，这三种方法中只有这一种方法是合法的 css 写法，也就是说可以通过校验器的验证，因此也是作者推荐的 hack 用法。最后作者给出了最佳方式：
ie 6 and below
use*html {} to select thehtml element.
ie 7 and below
use*+html,*html {} to select thehtml element.
ie 7 only
use*+html {} to select thehtml element.
ie 7 and modern browsers only
usehtml>body {} to select the body element.
modern browsers only(not ie 7)
usehtml>/*/body {} to select the body element.
the ie7 css hack!important在ie7.0的hack方法)
由 于ie对!important识别存在bug,而现在大部分网页标准设计师又通过这个bug来兼容ie和ff,但是ie7.0把这个bug给修复了,所以 问题又出现了,怎么兼容ie.7.0的同时又能兼容ie6.0和ff?正所谓"上有政策,下有对策",国外的网页标准设计师通过使用css filter的办法(并不是css hack)来兼容ie7.0,ie6.0和ff,以下为作者从国外网站的翻译.
新建一个css样式如下：
插入代码：
item {
width:200px;height:200px;background:red;}
新建一个div,并使用前面定义的css的样式：
插入代码：
some text here
在body表现这里加入lang属性,中文为zh：
插入代码：
现在对div元素再定义一个样式：
插入代码：
[/code]
lang(en)#item{
background:green!important;}
[/code]
这样做是为了用!important覆盖原来的css样式,由于:lang选择器ie7.0并不支持,所以对这句话不会有任何作用,于是也达到了ie6.0下同样的效果,但是很不幸地的是,safari同样不支持此属性,所以需要加入以下css样式：
插入代码：
item:empty {
background:green!important
}
empty选择器为css3的规范,尽管safari并不支持此规范,但是还是会选择此元素,不管是否此元素存在,现在绿色会现在在除ie各版本以外的浏览器上,并在以下浏览器和操作系统下通过测试：
ie7 beta 2 preview/win
ie5.01+win
firefox 1.5/win
opera 8.5/win&linux
netscape 7.01,8/win
mozilla 1.7.12/win&linux
safari 2/mac
firefox 1.0.4/linux
epiphany 1.4.8/linux
galeon 1.3.20/linux
screenshot of the ie7 css hack in ie7
screenshot of the ie7 css hack in firefox 1.5
按照远作者的说法其实这不能算是一种hack,应该属于filter,不过这似乎并不是最重要的,因为通过这个办法,我们又一次了解决ie6.0,ie7.0和其他浏览器之间的兼容性问题,而且使用:lang-filter这办法,在今后的一段时间内都会有用.
文章来自：http://www.aixq.com/read.php?704
firefox,ie7,ie6兼容性问题，和css解决方案
注：ie都能识别*;标准浏览器(如firefox,opera,netscape)不能识别*；ie6能识别*，但不能识别!important,ie7能识别*，也能识别!important;ff不能识别*，但能识别!important;写两句代码来控制一个属性，区别firefox与ie6：
background:orange;background:blue;这一句代码写出来时，你用firefox或其它非ie浏览时，会发现，写了该代码的区域背景是橙色的，如果用ie浏览，却是蓝色的，这是因为ie都能识别*;标准浏览器(如firefox,opera,netscape)不能识别*；写两句代码来控制一个属性，区别ie7与ie6：
background:green!important;background:blue;这一句代码写出来时，你用ie7浏览，会发现，写了该代码的区域背景是绿色的，如果用ie6浏览，却是蓝色的，这是因为ie7能识别!important*，一但识别了，就执行，忽略了后面的那一句，但ie6却不能识别!important，所以前面部分跳过，直接执行了后半部份。写两句代码来控制一个属性，区别firefox与ie：
background:orange;background:green;这一句代码写出来时，你用firefox浏览，会发现背景是橙色的，而ie里却是绿色的，很简单，因为firefox不能识别*，而ie6，ie7都可以识*
写三句代码来控制一个属性，区别firefox，ie7，ie6：
background:orange;background:green!important;background:blue;这一句会使在firefox在，背景呈橙色，ie7中为绿色，ie6中为蓝色，道理和前面一样，firefox不能识别*，所以后面两句都不执行，直 接执行第一句，ie7当然也能执行第一行代码，但是因为第二句，他也能识别，所以就执行了第二句代码，把前面的效果给过滤了，而最后一句，ie7是不能识 别的。ie6不能识别!imprtant，本来运行了第一句代码了，第二句不能识别，那就理所当然的执行了最后一句。body{color:00ff00;}
[if ie 6]>
body{color:#ff6600;}
[endif]->
[if ie 7]>
body{color:#ff0000;}
[endif]->