IE10 CSS Hack

IE10 CSS Hack
导读:

前提:不考虑IE6以下的版本、且运行环境为标准模;IE11未做测试

IE10 CSS Hack

IE10 CSS Hack only

other IE10 CSS Hack

.demo{color:blue\9\0;}  /* IE9+*/
.demo{color:#09F\0;/*IE8+*/}
.demo{color:#090\9;/* All IE */}

@media screen and (min-width:0\0) { 
    .demo{color:blue;}/* IE9 , IE10 ,IE11 rule sets go here */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .demo{color:blue;}/* IE10-specific styles go here */
}

总结,随着IE的逐渐标准化,IE11和IE10可能很少用不到CSS Hack了。

IE9 CSS Hack

IE9 CSS Hack
导读:

前提:不考虑IE6以下的版本、且运行环境为标准模;IE11未做测试

IE9 CSS Hack

IE9 CSS Hack only
暂未发现仅IE9能识别的CSS Hack;随着IE10、IE11的出现网络上流传的“IE9 CSS Hack only”已经失效。

other IE9 CSS Hack

.demo{color:blue\9\0;}  /* IE9+*/
.demo{color:#09F\0;/*IE8+*/}
.demo{color:#090\9;/* All IE */}
@media screen and (min-width:0\0) { 
    .demo{color:blue;}/* IE9 , IE10 ,IE11 rule sets go here */
}

IE7 CSS Hack

IE7 CSS Hack
导读:

前提:不考虑IE6以下的版本、且运行环境为标准模;IE11未做测试

IE7 CSS Hack

IE7 CSS Hack only

* + html .test{color:#ff0;}     /* For IE7 */

other IE7 CSS Hack

.demo{*color:#090;/* For IE7- */} 
.demo{+color:#090;/* For IE7- */} 
.demo{#color:#090;/* For IE7- */} 
.demo{>color:#090;/* For IE7- */}
.demo{.color:#090;/* For IE7- */}
.demo{color:#090\9;/* For IE6+ */}
.demo{[;color:#f00;];/* For IE7- and webkit */}
.demo{color:#090\9;/* All IE */}

IE6 CSS Hack

IE6 CSS Hack
导读:

前提:不考虑IE6以下的版本、且运行环境为标准模;IE11未做测试

IE6 CSS Hack

IE6 CSS Hack only

/* For IE6 and earlier */
* html .demo{color:#090;} 
.demo{_color:#090;} 

other IE6 CSS Hack

.demo{*color:#090;/* For IE7- */} 
.demo{+color:#090;/* For IE7- */} 
.demo{#color:#090;/* For IE7- */} 
.demo{>color:#090;/* For IE7- */}
.demo{.color:#090;/* For IE7- */}
.demo{color:#090\9;/* For IE6+ */}
.demo{[;color:#f00;];/* For IE7- and webkit */}
.demo{color:#090\9;/* All IE */}