Anonim

几个月前,我启动了一个新网站,并投诉我在页面上的下拉菜单上方出现了排行榜广告。 很简单,我检查了广告的css,发现它的z索引为999,并将菜单上的z索引上调为1, 000。 问题解决了。 几周后再次出现相同的问题,将其增加到10, 000。 今天我又要检查另一个引起相同问题的广告。 它的指数为一百万。 真烦人

但这让我想知道,我可以将z-index设置为的最大值是多少。 查看各种CSS文档,似乎没有指定最大值。 在Firefox,IE和Chrome中,答案是:

2147483647

那是32位整数的最大有符号值。 从技术上讲,我可以想象这种限制来自浏览器的编程语言。我敢肯定,某些​​较旧的浏览器会将其设置为该值可能会导致某些问题。 有趣的东西。 因此,如果要确保元素在顶部绝对是100%确保,请将其设置为2147483647。已解决问题。 但是实际上,我发现广告将其设置为如此高的数量非常令人讨厌。 考虑到在任何给定页面上,层的数量将非常有限,将其设置为更小的数量应该可以解决问题。

最大CSS Z索引值