各浏览器hack符

Chrome, Firefox, Safari, IE10, IE11 各个浏览器 CSS hack大集合

适用于Chrome和Opera的 CSS hack写法
以下两种方法都适用,效果是一样的

/*适用于Chrome和Opera的 CSS hack*/
_::content, _:future, .css_selector:not(*:root) { 
 background-color: ForestGreen;
}
 
/*适用于Chrome和Opera的CSS hack*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
 .css_selector {
 background-color: ForestGreen;
 }
}

适用于Firefox的 CSS hack写法

/*适用于Firefox的CSS hack*/
@-moz-document url-prefix() {
 .css_selector {
 background-color: OrangeRed;
 }
}

适用于Safari的CSS hack写法

/*适用于Safari的CSS hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
 ::i-block-chrome, .css_selector {
 background-color: LightSteelBlue;
 }
}

适用于Internet Explorer10和11的 CSS hack写法

/*适用于IE10以后的所有版本*/
@media all and (-ms-high-contrast:none){
.css_selector {
background-color: LightSkyBlue;
}
}

/*适用于IE11*/
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .css_selector {
background-color: LightSkyBlue;
}
}

你可能感兴趣的:(各浏览器hack符)