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

Question

我有一个名称为" myclass"的课程。在IE8中，我需要将z索引作为5用于" myclass"，因此我试图通过使用以下方法来实现它。

.myclass{
z-index: 59  
}

--->它不仅在IE8

中从IE10开始

.myclass{
z-index: 5 / 
}

---->这也适用于IE10，不仅在IE8中，而且创建语法错误

如何仅在IE8中获得它？

Answer 1

您应该能够使用目标。

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

另外，似乎之前提出过一个类似的问题，仅针对CSS的Firefox可能对您有用。

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索引。Z Index可能无法与静态元素一起使用。尝试：

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