html - 使用css查找浏览器版本

Question

我的 IE8 有问题，所以只有当浏览器不是 IE8 时我才需要应用一些 css

在 html 中我可以使用

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->

<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->

但我想使用 CSS 过滤它

有没有办法让我指示浏览器应用这些样式，如果不是IE8 ?

例如，如何让这个css在IE8中不产生任何影响？

@font-face{
//some css
}

Answer 1

条件注释会起作用 (<!--[if lte IE 8]><stylesheet><![endif]-->) , 但如果你想在样式表中完成所有操作，可以使用 is a way:

body {  
    color: red; /* all browsers, of course */  
    color: green\9; /* IE only */  
}

这里重要的是“\9”，它必须正好是“\9”。我不清楚这是为什么。

编辑:\9 hack 本身是不够的。要排除 IE9，您还需要 :root hack:

:root body {
    color: red\9; /* IE9 only */  
}

除 IE 之外的其他浏览器可能支持 :root，因此如果您使用它来针对 IE9，请将它与\9 hack 结合使用。

IE6

最后，我们有下划线技巧，现在大多数设计师都熟悉它。我们使用下划线而不是 * 符号。这将仅针对 Internet Explorer 6。

body {
 color: red; /* all browsers, of course */
 color : green\9; /* IE8 and below */
 *color : yellow; /* IE7 and below */
 _color : orange; /* IE6 */
}

了解更多信息

http://code.tutsplus.com/tutorials/quick-tip-how-to-target-ie6-ie7-and-ie8-uniquely-with-4-characters--net-10575