是否可以在固定的div上覆盖？

Question

我使用Bootstrap作为我的UI框架，导航栏固定在顶部。我想要一个覆盖整个屏幕的叠加层。目前，导航栏不会被接管。

这可能吗？

Answer 1

Bootstrap导航栏的z-index为1030，这意味着您可能需要至少1031的CSS z-index属性。

overlay {
    z-index: 1031;
}

Answer 2

实际上，导航栏确实也被接管了。但是，其z-index属性大于叠加层。只需将其添加到您的CSS：

.modal-backdrop {
    z-index: 100000;
}