CSS 更直接有效的hack 写法

最新推荐文章于 2025-09-12 15:58:40 发布

转载最新推荐文章于 2025-09-12 15:58:40 发布 · 52 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/3229305/blog/891314

文章标签：

#python

本文详细介绍了针对不同版本IE浏览器的CSS Hack方法，包括IE6到IE10的特定Hack技巧，利用不同的条件注释及媒体查询实现跨版本兼容。

2019独角兽企业重金招聘Python工程师标准>>>

之前在用的css hack（这里主要针对ie，用color举例）

div{

*color:red; /* IE6 IE7 */

color:red\0; /* IE6 IE7 IE8 IE9 IE10 */

color:red\0; /* IE8 IE9 IE10 */

_color:red; /* IE6 */

}

但是IE9 支持部分css3 比如圆角,IE8以下的hack就不是很好用，所以就用了下面的方式

*html *前缀只对IE6生效
*+html *+前缀只对IE7生效
@media screen\9{...}只对IE6/7生效
@media \0screen {body { background: red; }}只对IE8有效
@media \0screen\,screen\9{body { background: blue; }}只对IE6/7/8有效
@media screen\0 {body { background: green; }} 只对IE8/9/10有效
@media screen and (min-width:0\0) {body { background: gray; }} 只对IE9/10有效
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {body { background: orange; }} 只对IE10有效

转载于:https://my.oschina.net/u/3229305/blog/891314