Html 重叠div中的z-索引

我有以下情况，不确定在这种情况下z-index应该如何工作：

<div style="z-index:0">
My Content
    <div style="z-index:-100">
       My Invisible Content
            <div style="z-index:100">
               My Visisble handle
            </div>
    </div>
</div>

我的内容
我看不见的内容
我的可视手柄

我想要“我的可视手柄”。。。好吧，要看得见。目前不是。 我怎样才能把它展示出来

---

谢谢

因为div是嵌套的，z索引值彼此不相关

---

尝试一个非常高的z-index值，它可能在某些浏览器中工作，而在其他浏览器中则不工作，尽管如此，最好让您希望在相同上下文（嵌套级别）中彼此关联的div保持一致。

如果您确实需要使用该html，您可以/应该：

• 定位div（不可见->相对，可见->绝对）
• 将可见的放在不可见的上面（可见->顶部：0；左侧：0；）
• 如果不想看到背景后面的内容，请在可见背景中添加背景；）
• 为两者添加固定的宽度和高度（如果不可见的内容更宽）

---

这里的结果：

那么你的意思是我的解决方案是将“我的Visitsble句柄”分区提升到第二级而不是第二级？我恐怕这对我来说是不可能的：（或者使用像9000这样的非常高的索引。因为div是嵌套的，它们可能会扩展。正如Shikiryu所说，尝试绝对定位它们。