如何在疊加層上顯示元素？

我想在疊加層上顯示一個表格。疊加div有以下類型：如何在疊加層上顯示元素？

.overlay { display:none; position:fixed; top:0px; left:0px; width:100%; 
      height:100%; z-index:999; background:rgba(0,0,0,0.8); }

在我的代碼中的一些觀點，我做了以下內容：

$("body").append(`<div class="overlay"></div>`) 
$(".overlay").css("display", "block"); 
$("table").addClass(".table-top"); // Supposed to show my table on top of the overlay

的最後一條語句添加以下到我的table：

.table-top { position: fixed; z-index:9999; }

但是，沒有任何變化，表格仍然位於疊加層「下面」。同時，body設置爲position: relative;。我試圖玩position,background,z-index，但沒有運氣。我的overlay或table有問題嗎？謝謝

來源

2016-04-17 Alex

請創建工作的例子，所以我們可以看到發生了什麼。 [JSBin]（http://jsbin.com/）是放置代碼的好地方，或者您可以在這裏發佈代碼（請儘可能縮短代碼）。 –

只需刪除您的.addClass語句中添加桌面類的點。

$("table").addClass(".table-top");

應該

$("table").addClass("table-top");

https://jsfiddle.net/5caeLcn0/

來源

2016-04-17 01:45:05

非常感謝！ – Alex

它看起來像有類的CSS是不同的是由js添加什麼。如果您使用

table-top {position：fixed;的z-index：9999; }

來源

2016-04-17 01:44:00

如何在疊加層上顯示元素？

回答

相關問題