Z-INDEX的最小值和最大值?

  • 回答 (2)
  • 关注 (0)
  • 查看 (168)

我在我的HTML页面中有一个DIV。我根据一些条件展示了这个DIV。但是DIV显示在我指向鼠标指针的任何HTML元素的后面。

我已经尝试了从0 - 999999的Z-INDEX属性的所有值。

谁能告诉我为什么发生这种情况?

CSS的Z-INDEX属性有最小值还是最大值?

例如,以下HTML在ascx控件中定义:

<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>
而CSS是:
.divClass
{
     position: absolute; 
     left: 25px; 
     top: 25px; 
     width: 320px;
     height: 300px; 
     z-index: 1000; 
     display: none;
}

而我正在显示和隐藏特定的DIV用于超链接使用+ Jquery这是在主页上。

游王子讴歌灬游王子讴歌灬提问于
以往V回答于

我的测试显示,这z-index: 2147483647是最大的价值,在FF 3.0.1 OS X测试。我发现了一个整数溢出错误:如果你键入z-index: 2147483648(这是2147483647 + 1)元素只是落后于所有其他元素。至少浏览器不会崩溃。

而要学习的一个教训是,你应该小心为z-index财产输入太大的价值,因为它们环绕在一起。

akjok54stay hungry stay foolish回答于

┌──────────────────────┬───────────────────┬──────────────────────────────────┐

│ 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 │

└──────────────────────┴───────────────────┴──────────────────────────────────┘

扫码关注云+社区

领取腾讯云代金券