2

我有一个名为的tools元素z-index: 400000。我希望它始终位于所有元素的首位。此外,在同一页面上还有一个带有选项的 jQuery-ui 对话框:

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

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

如何解决这个问题?

4

2 回答 2

2

我认为 jquery 对话框或模态框旨在漂浮在所有元素上以达到其目的。同样,您可以尝试添加!importanttools元素的 z-index css 属性。例子

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

如果它不能解决这种情况,那么您可以简单地扩展 jquery 对话框插件并覆盖自动将 z-index 设置为最大的行为。

于 2012-12-29T13:52:12.773 回答
0

尝试复制问题和对话z-index始终保持不变。由于覆盖位置是固定的并填充了整个视口,我发现必须确保tools有位置relative, absolute, or fixed才能在覆盖到位时可见

演示

于 2012-12-29T15:02:42.647 回答