Html z-index:1001在css中是什么意思

我已经知道z-index定义了当前上下文中框的堆栈级别，但是z-index对9999有什么特殊意义吗？因为它们经常被使用

e、 g

提前谢谢

与z指数的用途相同：9999。这是一个丑陋的黑客，移动绝对/相对/固定 元素到前面。

z-index定义了哪个定位元素出现在类似层的顶部

因此z-index:1000将出现在z-index 999的顶部

---

执行z-index:1001是试图显示在z-index:1000的项目顶部，如上所述，它用于堆叠元素。如果它们或它们的片段位于同一个位置，则z指数较高的片段将位于顶部

在这个简单的示例中，有两个相同的结构，但在第一个可见类中，黄色div将位于顶部，在第二个中，黄色div将不位于顶部，具体取决于z索引设置

<div class='container'>
<div class='red'></div>
<div class='yellow visible'></div>
</div>
<div class='container'>
<div class='red'></div>
<div class='yellow notvisible'></div>
</div

---

这很简单，不是吗？如果有人在你的网页上添加一个z-index:1000的弹出窗口，.outerBox仍然是可见的。可能是预防性的。这并没有什么特别之处，只是一个注释：z-index需要位置：绝对；或位置：固定；或位置：相对；在相对的情况下，z索引的效果不同于绝对所有定位元素。阅读手册：注意：z索引仅对定位元素有效位置：绝对、位置：相对或位置：固定。@lolka_bolka:谢谢，固定。为什么丑陋？开发人员通常使用1到10的值，因为他们知道如何构建自己的元素。但是如果你使用的是第三方的东西，那么你不能确定更大的z索引是什么，所以试着将它设置为一个非常大的值。

<div class='container'>
<div class='red'></div>
<div class='yellow visible'></div>
</div>
<div class='container'>
<div class='red'></div>
<div class='yellow notvisible'></div>
</div

.red { top:0; z-index:10;}
.yellow {top:0;}    
.visible {z-index:20;}
.notvisible {z-index:5;}