我有一个弹出的“对话框”小部件，其 z 索引为 100。当我创建另一个弹出窗口（浮动 div）时，它出现在对话框小部件下方，因为我没有显式设置 z 索引新的弹出窗口。
结构最终看起来像
<div id="dialogbox" style="z-index: 100">
<div>
<div id="widgetThatCausesThePopup" />
</div>
</div>
<div id="popupHiddenBehindTheDialog" />
我正在使用 GWT 生成此 HTML。对话框和 widgetThatCausesThePopup 之间可以有任意级别的嵌套，并且实际的 z 索引也可以是任意的。
如何确保新的div将显示在对话框前面？
如果您的新对话框窗口插入到 DOM 中after以前的:
您可以设置z-index: 100在所有对话窗口上。当元素具有相同的z-index找到后，DOM 中的顺序决定了哪个位于顶部。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
