jquery - z-index が何らかの値に設定されていない

Question

z-index を div の値に設定していますが、ブラウザーで計算されたスタイルで z-index が auto として表示されます。

なぜこれが起こっているのか誰か教えてもらえますか？どうすればこれを修正できますか？

ありがとう、アミット・チャウダリー

Answer 1

対応する div の z-index が何らかのjsコードまたはcss. .load()jqueryのメソッドを使用する必要があると思いますoverride that elem's z-index：

$(window).load(function(){
  $('elem').css('z-index','99999'); // @elem put your div's id or class
});

Answer 2

以外の位置も設定していることを確認してくださいstatic。

#myDiv {
    position : relative;
    z-index  : 25;
}

Answer 3

キャッシュを確認してください。ブラウザーがキャッシュされた css ファイルを参照している場合、スタイルが適用されない場合があります。この場合、div にはまだ z-index が設定されていません。

Chrome を使用している場合は、ctrl+f5 でキャッシュをリセットできます。

Answer 4

不要だと思われる場合でも、relativeまたはに設定する必要があります。以下の例でよりも上にしabsoluteたい場合、no を設定した場合は作品の位置と同じになるように設定してください。abaabsoluteaabsolute

<div id="a">
    a
</div>
<div id="b">
    b
</div>

CSS:

#a {
    z-index: 2;
    background-color: #f00;
    width: 100px;
    height: 100px;
    position: absolute;
}

#b {
    background-color: #0f0;
    position: absolute;
    left: 20px;
    top: 30px;
    width: 100px;
    height: 100px;
}

ここでデモを実行します: http://jsfiddle.net/a9dMn/

Answer 5

オーバーライドされている場合は、いつでも試すことができます

.element {z-index:100 !important;}