如何为特定的IE版本应用CSS值

Question

我有一个名为“ myclass”的类。 在IE8中，我需要将“ z-index”应用为“ myclass”的5，因此我尝试通过使用以下方法来实现它。

.myclass{
z-index: 5\9  
}

--->从IE10起不仅在IE8中适用

.myclass{
z-index: 5 \0/ 
}

---->从IE10开始，这不仅适用于IE8，而且还会产生语法错误

如何仅在IE8中实现？

Answer 1

您应该可以使用定位。

<!--[if IE 8]>
...
<![endif]-->

同样，似乎以前也曾提出过类似的问题， 仅将Firefox与CSS一起使用可能对您有用。

Answer 2

您可能希望通过使用条件注释来覆盖单独的CSS文件，以专门在IE8中覆盖CSS规则。 例：

<link rel="stylesheet" type="text/css" src="/path/to/main-styles.css" />

<!-- The following lines will only be interpreted by IE version 8 or lower -->
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" src="/path/to/ie8-overwrites.css" />
<![endif]-->

Answer 3

尝试给z-index指定相对或绝对位置。 z-index可能不适用于静态元素。 尝试：

    .myclass{
        position:relative;
        z-index:5;
    }