jQuery對話框在Safari中不可見，但它有z-index？

我們有一個jQuery/Javascript沉重的網頁應用程序，並且遍佈各地的jQuery對話框，但是一個特定的對話框在Windows上的Safari中有問題。它的創建方式如下：jQuery對話框在Safari中不可見，但它有z-index？

$('#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（10000）

如果我刪除z-index，則會顯示對話框。我已經用開發人員工具測試過了。我不知道什麼是設置z-index，我不知道如何解除它。只要z-index存在，無論它的值是什麼，它都不會顯示。它適用於其他瀏覽器。

來源

2012-07-20 Corey Ogburn

任何人遇到了這樣的問題：

我不知道爲什麼，榮譽給任何人誰可以解釋它，但補充說：

z-index: auto important;

到對話框的類（在我的例子dialog-window-alertedit ）爲我解決了這個問題。奇怪的是，Safari繼續報告z-index是10,000+，但我的對話框正在顯示，所以我稱它足夠接近。

來源

2012-07-20 19:07:32

感謝您的更新。這種解決方法解決了我在Safari和Mac上以及iOS上的問題。 – nanytech 2015-08-11 18:25:15

jQuery對話框在Safari中不可見，但它有z-index？

回答

相關問題