CSS中识别各类IE的方法

IE6 only：

* html .ie6 {
    property: value;
}

or

html .ie6 {
    _property: value;
}

 

IE7 only：

*+html .ie7 {
    property: value;
}

or

*:first-child+html ie7 {
    property: value;
}

 

IE6 and IE7：

@media screen\9 {
    ie67 {
　　　　property: value;
    }
}

or

.ie67 {
    *property: value;
}

 

IE6，7 and IE8：

@media \0screen\, screen\9 {
    ie678 {
        property: value;
    }
}

 

IE8 only：

html>/**/body .ie8 {
    property: value;
}

or

@media \0screen {
    ie8 {
        property: value;
    }
}

 

IE8（只在标准模式）：

.ie8 {
    property/*\**/: value\9;
}

 

IE8，9 and IE10：

@media screen\0 {
    ie8910 {
        property: value;
    }
}

 

IE9 only：

@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {
    /*IE9 CSS*/
    .ie9{
        property: value;
    }
}

 

IE9+：

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    /*IE9+ CSS*/
    .ie9up {
        property: value;
    }
}

 

IE9 and 10：

@media screen and (min-width:0) {
    .ie910 {
        property: value;
    }
}

 

IE10 only：

_:-ms-lang(x), ie10 {
    property: value;
}

 

IE10+：

_:-ms-lang(x), ie10up {
    property: value;
}

or

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    .ie10up {
        property: value;
    }
}

 

IE11+：

_:-ms-fullscreen, :root .ie11up {
    property:value;
}