css Hack

关注

原创最新推荐文章于 2026-05-18 21:01:44 发布 517 阅读 AI 写同款· GEO 优化 ›

CSS hack方式一览做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。可是啊，现实太残酷，浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协，虽然这只是个别情况。今天，结合自己的经验和理解，做了几个demo把IE6~IE10和其他标准浏览器的CSS hack做一个总结，也许本文应该是目前最全阅读详情

          
            
          
          ie条件注释

浏览器版本语法
所有ie
ie6
ie6以下版本
ie6以上版本
ie6及以下版本
ie6及以上版本





css选择器前缀

浏览器版本语法
ie6*html
ie7*+html
ie6,ie7@media screen\9{}
ie8@media \0screen{}
ie6,ie7,ie8@media \0screen,screen\9{}
ie8,ie9,ie10@media screen\0{}
ie9,ie10@media screen and (min-width:0\0) {}
ie10@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}





css属性前后缀**

浏览器版本语法
ie6_
ie6-
ie6,ie7+
ie6,ie7*
ie6,ie7#
ie8,ie9,ie10@media screen\0{}
ie9,ie10@media screen and (min-width:0\0) {}
ie10@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}
ie8,ie9,ie10,ie11\0
ie6,ie7,ie8,ie9,ie10\9
ie8,ie9,ie10\9\0

        

浏览器版本	语法
ie6	*html
ie7	*+html
ie6,ie7	@media screen\9{}
ie8	@media \0screen{}
ie6,ie7,ie8	@media \0screen,screen\9{}
ie8,ie9,ie10	@media screen\0{}
ie9,ie10	@media screen and (min-width:0\0) {}
ie10	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}

浏览器版本	语法
ie6	_
ie6	-
ie6,ie7	+
ie6,ie7	*
ie6,ie7	#
ie8,ie9,ie10	@media screen\0{}
ie9,ie10	@media screen and (min-width:0\0) {}
ie10	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}
ie8,ie9,ie10,ie11	\0
ie6,ie7,ie8,ie9,ie10	\9
ie8,ie9,ie10	\9\0