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

Question

我使用 Bootstrap 作为我的 UI 框架，并且导航栏固定在顶部。我想要一个覆盖全屏的叠加层。目前，导航栏没有被接管。

这可能吗？

Answer 1

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

overlay {
    z-index: 1031;
}

Answer 2

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

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