我有一个div在我的HTML页面。我基于某些条件显示这个div，但是div显示在我指向鼠标光标的HTML元素后面。
我已经尝试了z-index从0到999999的所有值。有人能告诉我为什么会这样吗?
CSS的Z-INDEX属性是否有最小值或最大值?
.divClass { 位置:绝对的; 左:25 px; 上图:25 px; 宽度:320 px; 身高:300 px; 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”> 一些数据 < / div > < / td > < / tr > 表> < /
我显示和隐藏div与. divclass onclick通过<asp:超链接>使用jQuery。
当前回答
这取决于浏览器(尽管所有浏览器的最新版本的最大值应该是2147483638)，也取决于超过最大值时浏览器的反应。
其他回答
它是32位整数的最大值:2147483647
也可以查看文档:https://www.w3.org/TR/CSS22/visuren.html#z-index (允许使用负数)
使用calc()有超级简单的方法来为z-index写最大值和最小值。
最大的值:
#some-id {
z-index: calc(9e999)
}
最小值:
#some-id {
z-index: calc(-9e999)
}
浏览器兼容性(<number>值支持)
48+ 狩猎季节7点 IE 9 * 歌剧18+ 铬色31+ Edge 12
虽然INT_MAX可能是最安全的选择，但WebKit显然在内部使用double，因此允许非常大的数字(达到一定的精度)。例如，LLONG_MAX工作正常(至少在64位Chromium和WebkitGTK中)，但将四舍五入为9223372036854776000。
(尽管你应该仔细考虑你是否真的，真的需要这么多z指标…)
根据经验，我认为正确的z指数最大值是2147483647。
我的测试表明z-index: 2147483647是最大值，在OS X的FF 3.0.1上测试。 我发现了一个整数溢出的错误:如果你输入z-index: 2147483648(这是2147483647 + 1)，元素只是在所有其他元素后面。至少浏览器不会崩溃。
从中可以学到的教训是，你应该小心，不要为z-index属性输入太大的值，因为它们会绕圈。
