如何在叠加层上方显示元素？

我正在尝试在叠加层上方显示一个表格。叠加层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

最后一条语句在my中添加了以下内容table：

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

但是，没有任何变化，并且该表保留在叠加图的“下方”。同时，将body设置为position: relative;。我试着玩position，background，z-index，但没有运气。我overlay或有问题table吗？谢谢