我有一个名为的tools
元素z-index: 400000
。我希望它始终位于所有元素的首位。此外,在同一页面上还有一个带有选项的 jQuery-ui 对话框:
$("#dialog").dialog({ stack: false, zIndex: 1000 });
第一次打开该对话框时,我可以看到tool
顶部的元素,但由于它关闭并再次打开,对话框会400001
自动获取 z-index。
如何解决这个问题?
我认为 jquery 对话框或模态框旨在漂浮在所有元素上以达到其目的。同样,您可以尝试添加!important
到tools
元素的 z-index css 属性。例子
.tools{
z-index:40000 !important;
}
如果它不能解决这种情况,那么您可以简单地扩展 jquery 对话框插件并覆盖自动将 z-index 设置为最大的行为。
尝试复制问题和对话z-index
始终保持不变。由于覆盖位置是固定的并填充了整个视口,我发现必须确保tools
有位置relative, absolute, or fixed
才能在覆盖到位时可见