例如现有CSS代码如下：

.divContent{background-color:#eee;
}

那么下面我们就来写一下，如何使代码兼容几个主流浏览器。

/* IE8+ */
.divContent{background-color:#eee\0;
}
/* IE8、IE9 */
.divContent{background-color:#eee\8\9\0;
}
/* IE9 */
.divContent{background-color:#eee\9\0;
}

注意，\8\0的写法是错误的，不能试图这样hack IE8。上述代码没有对IE10和IE11分别hack（好像没有对这两个浏览器单独hack的写法），那么IE10和IE11使用的就是IE8+那个样式。
IE家族hack完毕，下面看看如何hack Chrome和Firefox浏览器。

/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {.divContent{background-color:#eee;}
}
/* Firefox */
@-moz-document url-prefix() {.divContent{background-color:#eee;}
}

另外，还可以这样hack其他浏览器

/* Chrome 和 opera */
@media all and (min-width:0){.divContent{background-color:#eee;}
}
/* IE9+ */
@media all and (min-width:0) {.divContent{background-color:#eee;}
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {.divContent{background-color:#eee;}
}

经过这样hack，网站浏览器兼容性问题就可以完美解决了。

觉得有帮助的小伙伴右上角点个赞~

扫描上方二维码关注我的订阅号~

CSS hack代码汇总相关推荐

兼容ffIE678 hack(IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例)
兼容ffIE678 hack(IE6.IE7.IE8.Firefox兼容性CSS HACK代码+示例) 1.区别IE和非IE浏览器CSS HACK代码 #divcss5{ background:blu ...
一些常用的CSS hack代码
一.清零代码:因为不同的浏览器,默认的初始值是不同的,用清零代码把这些默认值高置为0是很有必要的. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, ...
浏览器兼容css hack,CSS Hack技术解决多浏览器兼容问题
本文向大家描述一下如何使用CSS Hack技巧解决DIV+CSS布局多浏览器兼容问题,针对不同的浏览器写不同的CSS代码的过程,就叫CSS Hack,相信本文介绍一定会让你有所收获. CSS Hack ...
css hack 学习总结
css hack CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同一厂商的浏览器的不同版本,如IE ...
针对谷歌浏览器Chrome的CSS hack
现在使用谷歌浏览器Google Chrome的用户越来越多,所以在制作网页时也应考虑到Chrome浏览器的兼容性.虽然在原来的CSS hack的原理文章中提到过如何用CSS hack区分Chrome浏 ...
CSS Hack汇总(转载)
CSS hack是指我们为了兼容各浏览器,而使用的特别的css定义技巧.这是国外摘来的一张CSS hack列表,显示了各浏览器对css hack的支持程度,对我们制作兼容网页非常有帮助. 现在浏览器的 ...
20110126 学习记录：一些关于html中布局的代码 CSS hack速查表
让你的浏览器body滚动条在左边 direction: rtl; HTML段落两端对齐代码 text-align:justify; text-justify:inter-ideograph; 图片垂 ...
CSS Hack 汇总速查一览
由于浏览器之间存在兼容性问题,在制作网页的时候,为了使页面能在不同浏览器中显示相对一致或者其他原因,网页制作人员总结了种种 Hack 方法:在解决兼容性问题之前,这些方法还经常会用到.接下来,大前端 ...
IE Firefox Css Hack 汇总
屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select { font:12px !important;} /*FF,OP可见*/ select:empty { font:12px ...

CSS hack代码汇总

觉得有帮助的小伙伴右上角点个赞~

扫描上方二维码关注我的订阅号~

CSS hack代码汇总相关推荐

最新文章

热门文章