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

时间:2017-03-03 07:08:34

标签: html css internet-explorer

我有一个名为" myclass"的课程。在IE8中,我需要将z-index应用为" myclass"所以我试图通过使用以下方法来实现它。

.myclass{
z-index: 5\9  
}

--->它从IE10开始不仅适用于IE8

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

---->这也适用于IE10以及IE8以及它创建语法错误

如何仅在IE8中实现它?

3 个答案:

答案 0 :(得分:0)

您应该可以使用定位。

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

此外,似乎之前曾问过与此类似的问题,Targeting only Firefox with CSS 可能对你有用。

答案 1 :(得分:0)

您可能希望通过使用条件注释来包含单独的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]-->

答案 2 :(得分:0)

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

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