css - firefox と ie に異なる z-index を設定するには?

Question

index 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 の条件付きコメントは、CSS ではなく HTML 用であるため、CSS から取り出して、CSS セレクター/ロジックを<style>タグ内にラップする必要があります。最初にデフォルトの動作を宣言してください。

Answer 2

これらのコメント:

<!--[if gte IE 7]>

HTML マークアップとともに、CSS コードの外にある必要があります。

例えば：

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