我正在尝试在叠加层上方显示表格。覆盖物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;。我尝试玩positionbackgroundz-index,但是没有运气。我的overlaytable是否有问题?谢谢

最佳答案

只需删除.addClass语句中的点,即可在其中添加桌面类。

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


应该

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


https://jsfiddle.net/5caeLcn0/

关于css - 如何在叠加层上方显示元素?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36671759/

10-09 16:21