Z索引的最小值和最大值？

我的HTML页面中有一个div。我正在根据某些条件显示此div，但是div显示在指向鼠标光标的HTML元素后面。

我尝试了所有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'

值：自动| <整数> | 继承

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

某些值类型可能具有整数值（由<integer>表示）或实数值（由<number>表示）。实数和整数仅以十进制表示法指定。<整数>由一个或多个数字“ 0”至“ 9”组成。<数字>可以是<整数>，也可以是零个或多个数字，后跟一个点（。），后跟一个或多个数字。整数和实数都可以以“-”或“ +”开头，以表示符号。-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仅适用于具有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-index 0-1或z-indexes 0-10000。您通常需要使用较高的数字...特别是如果您正在与灯箱查看器一起使用（9999是标准格式，并且如果要使其z-index达到最高，则需要超过该数字！）

虽然INT_MAX这可能是最安全的选择，但WebKit显然在内部使用双精度，因此允许非常大的数字（达到一定的精度）。LLONG_MAX例如，可以正常工作（至少在64位Chromium和WebkitGTK中有效），但将四舍五入为9223372036854776000。

（尽管您应该仔细考虑是否真的需要这么多的z索引...）。