CSS hack兼容总结

针对ie7之前的版本

针对各浏览器下Hack的写法：

1、 Firefox

@-moz-document url-prefix() {

.selector {

property: value;

}

}

2、 Webkit内核浏览器(chrome and safari)

@media screen and (-webkit-min-device-pixel-ratio:0) {

Selector { property: value; }

}

3、 Opera浏览器

@media all and (min-width:0) {

Selector {property: value;}

}

4、 IE9浏览器

:root Selector {property: value\9;}

5、 IE9以及IE9以下版本

Selector {property:value\9;}

6、 IE8浏览器

@media \0screen{

Selector {property: value;}

}

7、 IE8以及IE8以上的版本

Selector {property: value\0;}

8、 IE7浏览器

*+html Selector{property:value;}

或

*:first-child+html Selector {property:value;}

9、 IE7及IE7以下版本浏览器

Selector {*property: value;}

10、 IE6浏览器

Selector {_property/**/:/**/value;}

或者：

Selector {_property: value;}

或者：

*html Selector {property: value;}

结语： 在Web页面制作中尽量不要使用CSS Hack来处理兼容问题。因为任何浏览器下出现渲染不一致都极有可能是我们自己的结构或样式不符合W3C的某些要求，或者说违背了浏览器的某些规则而造成的，所以我们应该尽量通过结构或CSS的修改来达到各浏览器渲染一致效果，除非到了万不得已情况下，才考虑CSS的Hack。