不同浏览器的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;}
}

 

 

 

转载于:https://www.cnblogs.com/Jinge/archive/2012/08/29/2661696.html