Modal z-index over external content peeks through？

Question

我正在使用jQuery創建一個模態對話框。該代碼通過bokmarklet將jQuery插入到網站中，並運行一個腳本創建一個modal dialog。問題在於，某些網站內容似乎總是通過灰色模式偷看，即使在Chrome或Firefox中也是如此。有沒有辦法避開它？

在底部的灰色部分是模態。該徽標偷窺通過。

Answer 1

技巧是讓客戶端頁面上的每個DOM對象有1的Z-index，比模態的z指數走低。一些瀏覽器考慮了z指數的相對差異，所以這是至關重要的。

$("div").each(function() { 
    $(this).css("z-index", "1"); 
}); 

很好地工作。

Answer 2

你有模態覆蓋和模態窗口嗎？我會設置你的Z指數非常高。既然聽起來好像你正在向現有網站添加HTML，很難說他們已經設置了什麼元素以及在什麼級別，所以最好的辦法是將你的z-index設置爲100000.