Javascript / JQuery-我頁面上的動態生成的div（換行），我無法更改或應用樣式

Question

我有這個頁面，在這個示例中，我嘗試使用JS / JQuery為圖像創建頁面彈出式窗口（ http://www.jqueryscript.net/lightbox/Simple-jQuery-Plugin-For-Opening-A -Popup-Window-On-Page-load.html ）。

盡管我成功完成了此操作，但是當我嘗試在客戶頁面上實現該功能時，無論我將“ z-index”配置為多高，彈出窗口前面都會有一些div。 另外，這些div似乎是動態生成的，因為它們具有“ wrap” id div，而我在此頁的.php文件中找不到。

因此，無論我做什么，這些圖像都位於彈出窗口的前面（除非我使用“檢查元素”工具將其刪除，或者使用檢查元素更改它們的z索引，然后自動更改其內聯樣式）生成的“包裝” div）。

這是在“檢查元素”上沒有任何更改的頁面，帶有紅色箭頭的白色圖像框是這里的問題（它們屬於彈出窗口下的頁面，我需要將它們放在彈出窗口下）： http ：//imgur.com/waB1igo

如果更改了自動生成的div“ wrap”的z-index，就會發生這種情況，我可以使用“ Inspect element”搜索代碼中的一個框（第一個）：imgur.com/lDk1eRA

那么，你們中的任何一個都向我提示如何解決此問題？

我已經嘗試使用“！important”和此類方法為該div或img的標簽創建新的CSS規則，但沒有結果。

馬修·巴雷托（Matheus Barreto），非常感謝，並感謝您對英語的錯誤。

Answer 1

您可能需要嘗試將疊加層的position屬性設置為absolute 。 將其位置設置為絕對位置的圖像將位於所有未設置為絕對位置或固定位置的圖像之上，這可能會非常令人討厭。 您可能需要解決一些問題，以使其居中，或將其位置設置為絕對位置而產生其他問題，但這應該可以解決。

Answer 2

在關閉腳本之前，請嘗試確保覆蓋的DIV位於</ body>標記內的包裝紙之外。如果DIV位於Z索引較低的另一個DIV內，則它不會“彈出”。

另外，您可以嘗試使用非常高的z-index ，例如8000或更高。 您應該最多可以使用65535 （具體取決於瀏覽器的實現）。

值得注意的是，您應該為固定/絕對定位項目的z索引制定計划。