css - 如何为firefox和ie设置不同的z-index？

Question

索引 css 属性值 101，但我在 Firefox 中需要 99。

我试过这样

<!--[if gte IE 7]>
    z-index: 101;
<![endif]-->
z-index:99;

但这对我不起作用。

如何为不同的浏览器设置不同的相同属性值？

Answer 1

<style type="text/css">
  #my-div{
    z-index: 99;
  }
</style>

<!--[if gte IE 7]>
<style type="text/css">
  #my-div{
    z-index: 101;
  }
</style>
<![endif]-->

IE 条件注释适用于 HTML 而不是 CSS，因此您需要将它们从 CSS 中取出，并将 CSS 选择器/逻辑包装在其中的<style>标签中。确保首先声明您的默认行为。

Answer 2

这些评论：

<!--[if gte IE 7]>

需要在您的 CSS 代码之外，以及您的 HTML 标记。

例如：

<!--[if gte IE 7]>
<style type="text/css">
    .selector {
        z-index: 101;
    }
</style>
<![endif]-->

Answer 3

我喜欢使用http://rafael.adm.br/css_browser_selector/它易于使用，尤其是当您的网站中必须有 jquery 时，请使用此 insetad。干杯