Zインデックスの最小値と最大値？

HTMLページにdivがあります。何らかの条件に基づいてこのdivを表示していますが、マウスカーソルをポイントしたHTML要素の後ろにdivが表示されています。

私は0〜999999のz-indexのすべての値を試しました。これがなぜ起こっているのか誰にも教えてもらえますか？

CSSのZ-INDEXプロパティの最小値または最大値はありますか？

.divClass {
     position: absolute; 
     left: 25px; 
     top: 25px; 
     width: 320px;
     height: 300px; 
     z-index: 1000; 
}

<table cellspacing="0" cellpadding="0" width="100%">
  <tr>
    <td>
      <asp:HyperLink ID="lnkProgram" runat="server"></asp:HyperLink>
    </td>
  </tr>
  <tr>
     <td>
         <div class="divClass">
           Some Data
         </div>
     </td>
  </tr> 
</table>

私は.divClass、<asp:hyperlink>jQueryを使用してonclickでdivを表示および非表示にしています。

┌──────────────────────┬───────────────────┬──────────────────────────────────┐
│ Browser              │ Max z─index value │ When exceeded, value changes to: │
╞══════════════════════╪═══════════════════╪══════════════════════════════════╡
│ Firefox 0 - 2        │ 2147483647        │ element disappears               │
├──────────────────────┼───────────────────┼──────────────────────────────────┤
│ Firefox 3            │ 2147483647        │ 0                                │
├──────────────────────┼───────────────────┼──────────────────────────────────┤
│ Firefox 4+           │ 2147483647        │ 2147483647                       │
├──────────────────────┼───────────────────┼──────────────────────────────────┤
│ Safari 0 - 3         │ 16777271          │ 16777271                         │
├──────────────────────┼───────────────────┼──────────────────────────────────┤
│ Safari 4+            │ 2147483647        │ 2147483647                       │
├──────────────────────┼───────────────────┼──────────────────────────────────┤
│ Internet Explorer 6+ │ 2147483647        │ 2147483647                       │
├──────────────────────┼───────────────────┼──────────────────────────────────┤
│ Chrome 29+           │ 2147483647        │ 2147483647                       │
├──────────────────────┼───────────────────┼──────────────────────────────────┤
│ Opera 9+             │ 2147483647        │ 2147483647                       │
└──────────────────────┴───────────────────┴──────────────────────────────────┘

http://www.w3.org/TR/CSS21/visuren.html#z-index

「z-index」

値：auto | <整数> | 受け継ぐ

http://www.w3.org/TR/CSS21/syndata.html#numbers

一部の値タイプには、整数値（<integer>で示される）または実数値（<number>で示される）がある場合があります。実数と整数は10進表記でのみ指定されます。<整数>は、「0」から「9」までの1つ以上の数字で構成されます。<number>は、<integer>にすることも、ゼロ以上の数字とそれに続くドット（。）に続く1つ以上の数字にすることもできます。整数と実数の両方の前に、符号を示す「-」または「+」を付けることができます。-0は0と同等であり、負の数ではありません。

整数または実数を値として許可する多くのプロパティは、実際には値をある範囲に制限し、多くの場合負でない値に制限されます。

したがって、CSS標準では基本的にz-index値に制限はありませんが、ほとんどのブラウザーは実際には符号付き32ビット値（-2147483648〜+2147483647）に制限していると思います（64は少し上になり、最近は32ビット未満のものを使用しても意味がありません）

私のテストでz-index: 2147483647は、これが最大値であり、OS XのFF 3.0.1でテストされています。整数オーバーフローのバグを発見しました。入力するとz-index: 2147483648（2147483647 + 1）、要素が他のすべての要素の後ろにくるだけです。少なくともブラウザはクラッシュしません。

また、学ぶべきことは、z-indexプロパティに大きな値を入力することに注意してください。

Z-indexの最小値は0です。最大値はブラウザのタイプによって異なります。

最大値を超えたときのブラウザーの反応と同様に、ブラウザーに依存します（ただし、すべてのブラウザーの最新バージョンは2147483638で最大になるはずです）。

http://www.puidokas.com/max-z-index/

これは、32ビット整数の最大値です：2147483647

次のドキュメントも参照してください：https : //www.w3.org/TR/CSS22/visuren.html#z-index （負の数も使用できます）

経験上、正しい最大値z-indexは2147483638 だと思います。

Z-Indexが機能するのは、Z-Indexが適用されている、position: relative;またはposition: absolute;適用されている要素のみです。それが問題ではない場合は、サンプルページを参照してさらに役立つようにする必要があります。

編集：良い医者はすでに完全な説明をしていますが、簡単なバージョンは最小が0であり、負の数と最大にすることはできないためです-まあ、ほとんどのデザインでは本当に10を超える必要はないでしょう。

親/兄弟が指定されたz-indexを持っていないためにz-indexが機能していない場合がよくあります。

だからあなたが持っている場合：

<div id="1">
    <a id="2" style="z-index:2"></a>
    <div id="3" style="z-index:1"></div>
    <button id="4"></button>
</div>

アイテム＃3、または＃4がクリック/ホバースペースで＃2と競合している可能性があります。ただし、＃1をz-index 0に設定すると、z-indexの兄弟がそれらを独立したスタックに配置して、同じスタックになりました。正しくZ-indexされます。

これは、有用でかなり人間味のある説明です：http : //foohack.com/2007/10/top-5-css-mistakes/  

上記のユーザーは、「まあ、ほとんどのデザインで10を超える必要はない」と言います。

プロジェクトによっては、z-indexes 0-1またはz-indexes 0-10000のみが必要な場合があります。多くの場合、上位桁で再生する必要があります...特にライトボックスビューアを使用している場合（9999が標準のように見え、Zインデックスを上に置きたい場合は、それを超える必要があります！）

一方でINT_MAX、おそらく最も安全な賭けである、WebKitが明らかに内部的にダブルスを使用していますので、可能にする非常に大規模な（一定の精度）の数字を。LLONG_MAXたとえば、少なくとも64ビットChromiumとWebkitGTKでは正常に機能しますが、9223372036854776000に丸められます。

（本当に、本当に多くのzインデックスが必要かどうかを慎重に検討する必要がありますが…）。