jquery-ui - 具有 z-index 的 jQuery 对话框在 Safari 中不可见？

Question

我们有一个非常依赖 jQuery/Javascript 的网络应用程序，到处都在使用 jQuery 对话框，但一个特定的对话框在 Windows 上的 Safari 中出现问题。它是这样创建的:

$('#cnav-dispatch-center-window').dialog({
    close: stateObject.DeviceOptions.dispatchPin_dispose,
    resizable: false,
    width: 613,
    height: 467,
    dialogClass: 'dialog-window-alertedit',
    show: 'fade',
    hide: 'fade',
    open: stateObject.DeviceOptions.RefreshSelection
});​

与其他对话框相比，我们没有为此对话框做任何特别的事情。此对话框表现出奇怪的行为:

• 不可见
• 它仍然拦截点击
• 如果能找到标题栏还是可以拖动的
• 它有非常高的 z-index (10,000+)

如果我删除 z-index，将显示该对话框。我已经使用开发人员工具对其进行了测试。我不知道 z-index 的设置是什么，也不确定如何取消设置。只要 z-index 存在，无论它的值是多少，它都不会显示。它在所有其他浏览器中都能正常工作。

Answer 1

对于遇到此问题的任何人:

我不知道为什么，感谢任何可以解释它的人，但添加:

z-index: auto important;

对话框的类(在我的示例中 dialog-window-alertedit)为我解决了这个问题。奇怪的是，Safari 继续报告 z-index 为 10,000+，但我的对话框正在显示，所以我认为它足够接近了。