/ CSS

关于 IE 6 7 8 9 10 的几个 @media hack

9 这类的 css hack 优先级太高,有时要覆盖回来的时候比较麻烦,使用 @media 则可以回避这个问题

/* IE6 and 7 */
@media screen9 {
    body { background: red; }
}

/* IE 6, 7 and 8 */
@media screen,screen9 {
    body { background: green; }
}

/* IE 8 */
@media screen {
    body { background: blue; }
}

/* IE 8, 9 and 10 */
@media screen {
    body { background: orange; }
}

/* IE 9 and 10 */
@media screen and (min-width:0) {
    body { background: yellow; }
}

以上引自:http://blog.keithclark.co.uk/moving-ie-specific-css-into-media-blocks/

/* IE 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body { background: yellow; }
}

引自:http://www.impressivewebs.com/ie10-css-hacks/