CSS仅适用于IE11中的IE8可比模式

Question

我有一个问题。 我必须在我的网站上更改css。所有都适用于IE11和IE8，但我必须做任何解决方法在IE11中以兼容模式使用IE8。我想用其他的css来改变元素的位置，但我不知道如何使用它。没问题只适用于IE8或IE11。但问题出在IE8和IE8兼容模式之间。

我该怎么办？

Answer 1

如果您不介意使用JavaScript，则可以使用以下方法检测IE11：

if (document.documentMode == 8) { 
    var jscriptVer = Function('return /*@cc_on @_jscript_version@*/;')();
    var is8on11 = jscriptVer == 11;
    if (is8on11) {
        document.documentElement.className += ' is-ie8-on-ie11'
    }
}

保留功能（以便压缩不会删除所需的注释）。不要随函数中的代码或注释一起更改（以这种方式编写以避免IE版本中的某些怪癖）。

然后，您可以使用CSS覆盖以下规则：

html.is-ie8-on-ie11 .some-target-class {
    width: 20px;
}