IE6以下
*html{}
IE 7 以下
*:first-child+html {} * html {}
只对IE 7
*:first-child+html {}
只对IE 7 和现代浏览器
html>body {}
只对现代浏览器(非IE 7)
html>/**/body {}
最新的Opera 9以下版本
html:first-child {}
Safari
html[xmlns*=”"] body:last-child {}
Firefox 3
.classname, x:-moz-any-link, x:default {}
#id, x:-moz-any-link, x:default {}
====================
区别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;
区别FF 3
“{”前加上“, x:-moz-any-link, x:default”,只有FF 3能识别
注:
IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
汇总下IE各版本的css hack
hack | 示例 | IE6(S) | IE6(Q) | IE7(S) | IE7(Q) | IE8(S) | IE8(Q) | IE9(S) | IE9(Q) |
* | *color | Y | Y | Y | Y | N | Y | N | Y |
+ | +color | Y | Y | Y | Y | N | Y | N | Y |
- | -color | Y | Y | N | N | N | N | N | N |
_ | _color | Y | Y | N | Y | N | Y | N | Y |
# | #color | Y | Y | Y | Y | N | Y | N | Y |
\0 | color:red\0 | N | N | N | N | Y | N | Y | N |
\9\0 | color:red\9\0 | N | N | N | N | N | N | Y | N |
标准模式中:
1,减号(-)是IE6专有hack
2,反斜杠零(\0)是IE8/9的hack
3,\9\0是IE9/10的hack
<!--[if IE 7]>
<link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lte IE 6]>
<link href="ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->