Question

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

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

Answer 1

这些是最大值。

Browser         Max z-index value  When exceeded, value changes to:
Internet Explorer 6 2147483647  2147483647
Internet Explorer 7 2147483647  2147483647
Internet Explorer 8 2147483647  2147483647
Firefox 2           2147483647  *element disappears*
Firefox 3           2147483647  0
Safari 3            16777271    16777271
Safari 4            2147483647  2147483647
Chrome 29           2147483647  2147483647
Opera 9             2147483647  2147483647

在网络上找到它。

Answer 2

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

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

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

Answer 3

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

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

以下是来源： World War Z-index

CSS - 最大z-index值

3 个答案: