不同浏览器的CSS Hack

Hack，顾名思义是修改的意思。这个针对不同的浏览器写不同的CSS 样式的过程，就叫CSS Hack。下文一一列出目前各大主流浏览器的Hack写法。

注：写CSS Hack要注意顺序，因为某些写法可能支持多个版本的浏览器，所以要通过顺序使后面的样式覆盖前面的样式。

Trident内核 —— IE系列

.color {
color:yellow\0; /*IE 8*/
color:green\9\0; /*IE 9*/
*color:blue; /*IE 7*/
_color:red; /*IE 6*/
}
.bg {
background-color:yellow\0; /*IE 8*/
background-color:green\9\0; /*IE 9*/
*background-color:blue; /*IE 7*/
_background-color:red; /*IE 6*/
}

Presto内核 —— Opera

@media screen and (min-width:0px){
.color { color:#cf9;}
.bg { background-color:#cf9;}
}

Webkit内核 —— Chrome/Safari）

@media screen and (-webkit-min-device-pixel-ratio:0) {
.color { color:#600;}
.bg { background-color:#600;}
}

Gecko内核 —— Fixfox

@-moz-document url-prefix(){
.color { color:#F0F;}
.bg { background-color:#F0F;}
}