html - 相对 z 指数？

Question

我有一个弹出的“对话框”小部件，其 z-index 为 100。当我创建另一个弹出窗口( float div)时，它出现在对话框小部件下方，因为我没有明确设置 z -新弹出窗口的索引。

结构最终看起来像

<div id="dialogbox" style="z-index: 100">
    <div>
        <div id="widgetThatCausesThePopup" />
    </div>
</div>
<div id="popupHiddenBehindTheDialog" />

我正在使用 GWT 生成此 HTML。 dialogbox 和 widgetThatCausesThePopup 之间可以有任意层次的嵌套，实际的 z-index 也可以是任意的。

如何保证新的div显示在对话框的前面？

Answer 1

如果您的新对话框窗口插入到 DOM 中在之前的对话框之后:

您可以在所有对话框窗口中设置z-index: 100。当找到具有相同 z-index 的元素时，DOM 中的顺序决定哪个在顶部。