【发布时间】：2020-05-24 19:02:36
【问题描述】：
为什么开发人员使用“9999”或“1001”等高 z-index 值而不是 1、2、10、50 或 100？我读到开发人员这样做是出于安全目的，但使用 z-index 2 或 5 或 10 over 1 效果很好，那么为什么要选择这么高的数字？
【问题讨论】：
标签： css
【发布时间】：2020-05-24 19:02:36
【问题描述】：
为什么开发人员做某事不是一个直接回答的问题，需要进行科学研究。这不是一个董事会。但是，根据我自己的经验和观察他人的经验：
- 因为您假设将来您将拥有 1、2、10、50、100，并且知道有些事情甚至会超过 ，所以您选择 9999。
- 因为你不确定你使用了哪些值，但你知道你没有放置超过 9999 的值，所以你写了这个。
- 因为您不知道堆叠上下文是如何工作的，但是 z-index 的高值似乎可以解决问题并为您赚取薪水，而您并不真正关心其他任何事情。
- 因为其他人都是这样做的。
- 因为它是从一个古老的教程中复制/粘贴的。
【讨论】：
-
好吧，当我想要一个我知道将始终位于顶部的 div（例如预加载器）时，我会给它 999。我偶尔会使用 1、2、3但它更像是“我想一直把它放在最上面，我可以用 420 或 69 所以为什么不......”
正如 Kawaljit 所说，元素上的 z 值是否指定了它们将显示的顺序。想象这些是 z 值。
图片 = 1 背景 = 2
如果它们在同一位置，则背景将呈现在图片的顶部。
这意味着通过使用非常高的 z 值，我们可以防止可能添加到同一位置的任何其他内容在此之上渲染。但是，您是正确的，z 值是 2 还是 9999 都没有关系。这只是一种方便的方法。
感谢您的提问！
【讨论】：
这只是 CSS 开发人员用来避免与页面上其他元素特异性（z-index 值）发生冲突的一种做法。以非常高的值启动 z-index 的一种更安全的方法。
【讨论】：
高值 z-index（例如 999 和 9999）通常用作故障保险，以确保您实现的组件 alwaysSwitched 保持在网页上所有其他 Html 元素的顶部。
疯狂的场景
曾几何时，我在一个项目中实现了一个模式。但是现有的聊天集成按钮和弹出窗口一直覆盖在我实现的模式之上，并且在移动屏幕上更糟。
我不得不将我的模态 z-index 增加到 9999999999 只是为了让它位于聊天按钮的顶部。 因为聊天按钮和弹出窗口已经使用高值 z-index 作为故障保险，以始终确保其按钮位于网页上的任何其他元素之上。
【讨论】：