jQuery Dialog 在具有 z-index 时在 Safari 中不可见？

Question

我们有一个非常重 jQuery/Javascript 的 Web 应用程序，到处都在使用 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+，但我的对话框正在显示，所以我称之为足够接近。