jQuery-ui 对话框自动获取 z-index

Question

我有一个名为 tools 的元素，其 z-index: 400000。我希望它始终位于所有元素的顶部。此外，同一页面上还有一个 jQuery-ui 对话框，其中包含选项:

$("#dialog").dialog({ stack: false, zIndex: 1000 });

第一次打开该对话框时，我可以看到顶部的 tool 元素，但自从它关闭并再次打开后，该对话框会自动获取 400001 z-index。

如何解决这个问题？

Answer 1

我认为 jquery 对话框或模式应该 float 在所有元素上以达到其目的。尽管如此，您可以尝试将 !important 添加到 tools 元素的 z-index css 属性中。 示例

.tools{
    z-index:40000 !important;
}

如果还不能解决问题，那么您可以简单地扩展 jquery 对话框插件并覆盖自动将 z-index 设置为最大的行为。