CSS - 最大 z-index 值答案

【问题标题】：CSS - max z-index value [duplicate]CSS - 最大 z-index 值
【发布时间】：2012-01-23 20:21:35
【问题描述】：

CSS z-index 属性是否有最大/最小可能值？
不同的浏览器是否有不同的最大/最小接受值？
浏览器将如何处理高/低值？

我以为我曾经在某个地方读到过关于最大 z-index 值的信息。也许我错了。
提前致谢！

【问题讨论】：

@Indranil 没看到这个问题，谢谢你的链接！

【解决方案1】：

这些是最大值。

浏览器最大 z-index 值 超过时，值变为：
Internet Explorer 6 2147483647 2147483647
Internet Explorer 7 2147483647 2147483647
Internet Explorer 8 2147483647 2147483647
Firefox 2 2147483647 *元素消失*
火狐 3 2147483647 0
野生动物园 3 16777271 16777271
野生动物园 4 2147483647 2147483647
铬 29 2147483647 2147483647
歌剧 9 2147483647 2147483647

在网上某处找到它。

【讨论】：

有趣！ Chrome 的处理方式是否与 Safari 相同？
在这里找到了相同的信息：puidokas.com/max-z-index。所以这可能是源头。但是，信息来自 2009 年。

【解决方案2】：

难以置信，这是 chrome 的最大 z-index 值。

.css('z-index', '99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999').css('z-index')

如果您再添加一位数字，它将转到1e+308

【讨论】：

我不这么认为。我现在有最新的 chrome，任何大于 2147483647 的东西都不起作用。
您发布的数字比 1e+308 (10^308) 小一，所以从您的描述中我无法理解为什么这应该是最大的支持值。你试过吗？ 1e310?
实际上设置高于 2147483647 的任何值将 zIndex 设置为 2147483647，即 2^31-1。设置值和浏览器实际存储（和使用）的值是有区别的。

【解决方案3】：

从 2012 年发现一些更新的信息：

“Chrome、Opera 和 IE9 似乎是唯一支持 z-index 真正无限值的浏览器，而 Firefox 仍在使用 2147483647 并且 Safari 现在会在数字长度超过 16 位后进行一些奇怪的舍入行为。”

以下是来源： World War Z-index

【讨论】：