问包含常规分区的JQuery UI对话框堆叠顺序
EN

Stack Overflow用户

提问于 2021-05-17 10:14:38

回答 1查看 34关注 0票数 0

我在我的页面顶部有一个带有下拉链接的菜单栏。我还有一个可拖动的JQuery对话框窗口，里面有一些内容。问题是我不想让对话框窗口阻塞菜单栏和链接。如何确保菜单栏div始终绘制在对话框的前面？在过去，我会设置适当的z-index，这似乎不适用于最新的jquery ui。

回答已采纳

发布于 2021-05-20 15:01:56

经过几个小时的搜索，我意识到问题出在如何将对话框添加到页面上。我可以使用以下代码将对话框添加到所需的div容器中：

$("#dialog").dialog({
  appendTo: "#main_container"
});

完成后，我的CSS中的z-index就可以正常工作了。

还应该注意的是，使用Microsoft Edge DevTools内置的Z索引3D视图非常有用。例如：3d View

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/67563244

复制

相似问题

问包含常规分区的JQuery UI对话框堆叠顺序EN