Question

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

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

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

如何解决这个问题？

Answer 1

我认为jquery对话框或模式意味着浮动所有元素以实现其目的。您可以尝试将!important添加到tools元素的z-index css属性中。实施例

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

如果它没有解决问题，那么你可以简单地扩展jquery对话框插件并覆盖自动设置z-index的行为，使其成为最大的。

Answer 2

试图复制问题，对话框z-index始终保持不变。由于叠加位置被修复并填充完整视口，我发现必须确保tools具有位置relative, absolute, or fixed才能在叠加到位时可见