Question

我开始了解IE特定的这些样式：

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10-specific styles go here */  
}

@media screen and (min-width:0\0) {  
    /* IE9 and IE10 rule sets go here */  
}

我也想知道ie的其他版本。

如何仅对ie6使用媒体查询，仅限ie7，仅限ie8，仅限ie9，小于或等于ie10等？

还有其他黑客吗？

Answer 1

IE不支持版本8及更低版本中的媒体查询 - caniuse

这意味着IE8将忽略媒体查询中的任何代码 -

所以不，你不能使用媒体查询来定位旧版本的IE。

<强>然而...

css中还有其他黑客攻击目标旧版本的IE ....

以下是this css-tricks article的摘录：

/* IE6 */
#once { _color: blue }

/* IE6, IE7 */
#doce { *color: blue; /* or #color: blue */ }

/* Everything but IE6 */
#diecisiete { color/**/: blue }

/* IE6, IE7, IE8 */
#diecinueve { color: blue\9; }

/* IE7, IE8 */
#veinte { color/*\**/: blue\9; }

/* IE6, IE7 -- acts as an !important */
#veintesiete { color: blue !ie; } /* string after ! can be anything */

css即不使用条件注释

1 个答案: