为什么打开模式时导航栏中的元素不会像页面的其余部分一样变暗？ （bootstrap）

Question

示例：https://apollius.com-单击获取报价按钮。导航栏元素不会变暗。

[此外，调整屏幕大小以模拟电话屏幕，您会看到导航栏元素与所有其他元素重叠。我也该如何解决？

感谢您提供任何帮助。

Answer 1

这是z-index的问题。您的课程.header的z-index大于.modal。尝试给

.header{z-index:1035;}。

对于响应式视图或移动视图，您可以输入.toggled{display:inline-block; width:100%;}或从.header和.navbar中删除高度。

希望这会有所帮助如有查询，请通知我。

Answer 2

.header {
    background: transparent;
    color: #fff;
    z-index: 1030;
    border: 0px solid #ddd;
    height: 75px;
    position: relative;
}

将z-index更改为小于1040

Answer 3

首先，您必须从.header类中删除z-index规则。它的位置是相对的，并且具有1000+索引。第二个“ nav navbar-nav navbar-right bgblue”或单击时从ul中删除该类，或者.nav.navbar-nav.navbar-right.bgblue {背景：透明}