带模态的导航栏

Question

我正在使用bootstrap 我想使用带有导航栏的模态。

当我点击导航栏时，模态被打开了 但导航栏未被禁用 Navbar仍位于顶部并且可以正常工作。

我希望在打开模态时禁用导航栏并使其模糊。

这是我的代码（导航栏），我会给你一些照片。     

<nav class="navbar navbar-fixed-top">
<ul>
    <div class="nav-left">
        <li id="logo"><%= link_to "Univ TT", "/" %></li>
        <li class="btn-home"><%= link_to "시간표 생성", "/timetable/new" %></li>
        <li class="btn-home"><%= link_to "시간표 추천", "/recommend/index" %></li>
        <li class="btn-home"><%= link_to "빈강의실 검색", "/classroom/index" %></li>
    </div>
    <div class="nav-right">
        <% if !user_signed_in? %>
            <li class="btn-home"><%= link_to "회원가입", "/users/sign_up", data: { toggle: "modal", target: "#myModal" } %></li>
            <li class="btn-home"><%= link_to "로그인", "/users/sign_in",  data: { toggle: "modal", target: "#myModal" } %></li>
        <% else %>
            <% if current_user.admin? %>
                <li class="btn-home"><%= link_to "ADMIN", "/admin" %></li>
            <% end %>
            <li class="btn-home"><%= link_to "나의시간표", "/timetable/show/#{current_user.id}" %></li>
            <li class="btn-home"><%= link_to "로그아웃", "/users/sign_out", method: :delete %></li>
            <li class="username"><%= link_to current_user.username, "/users/edit" %></li>
        <% end %>
    </div>
</ul>
</nav>

打开模态时。 Navbar仍然有效。

Answer 1

看起来固定引导导航的默认z-index是1030，因此请尝试将叠加层的z-index设置为大于1030的值。