我有一个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。


当前回答

Z-Index仅适用于位置为:相对的元素;或位置:绝对的;应用于它们。如果这不是问题,我们将需要看到一个示例页面更有帮助。

编辑:这位好医生已经给出了最完整的解释,但快速的版本是,最小值是0,因为它不可能是负数,最大值-好吧,对于大多数设计来说,你永远不需要超过10。

其他回答

根据经验,我认为正确的z指数最大值是2147483647。

Z-Index仅适用于位置为:相对的元素;或位置:绝对的;应用于它们。如果这不是问题,我们将需要看到一个示例页面更有帮助。

编辑:这位好医生已经给出了最完整的解释,但快速的版本是,最小值是0,因为它不可能是负数,最大值-好吧,对于大多数设计来说,你永远不需要超过10。

上面的一位用户说:“好吧,大多数设计都不需要超过10。”

根据您的项目,您可能只需要0-1的z索引,或者0-10000的z索引。你经常需要使用更高的数字,特别是当你使用灯箱查看器时(9999似乎是标准,如果你想超过它们的z指数,你需要超过它!)

使用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指标…)