Question

你好我们我的引导程序模板存在问题，导航器覆盖模态..我将如何禁用滚动以便模态可以保持在它之上？

抱歉，如果你需要更多的英特尔，那些小信息会给我一些例子。

菜单代码=`

           <a href="http://www.jtvdev.com"><div class="logo">

           </div></a> 
              </div>
              <!-- Logo End -->
              <!-- Mobile Menu Start -->
              <div class="mobile navbar-header">
                 <a class="navbar-toggle" data-toggle="collapse" href=".html">
                 <i class="icon-reorder icon-2x"></i>
                 </a> 
              </div>
              <!-- Mobile Menu End -->
              <!-- Menu Start -->
              <nav class="collapse navbar-collapse menu">
                 <ul class="nav navbar-nav sf-menu">

                    <li><a href="#">Home</a></li>

                 </ul>
              </nav>
              <!-- Menu End --> 
           </div>
        </div>
        <!-- Main Header End -->`

模态代码=

`

           <a href="http://www.jtvdev.com"><div class="logo">

           </div></a> 
              </div>
              <!-- Logo End -->
              <!-- Mobile Menu Start -->
              <div class="mobile navbar-header">
                 <a class="navbar-toggle" data-toggle="collapse" href=".html">
                 <i class="icon-reorder icon-2x"></i>
                 </a> 
              </div>
              <!-- Mobile Menu End -->
              <!-- Menu Start -->
              <nav class="collapse navbar-collapse menu">
                 <ul class="nav navbar-nav sf-menu">

                    <li><a href="#">Home</a></li>

                 </ul>
              </nav>
              <!-- Menu End --> 
           </div>
        </div>
        <!-- Main Header End -->`

Answer 1

我无法重现您的问题，因此我认为它在您的css文件中。如果你想快速破解，请尝试将其添加到CSS：

.modal {
    z-index: 999 !important;
 }

http://plnkr.co/edit/1hl6wxvCAhefIpmOv323

Answer 2

导航器的CSS z-index属性应小于模态。如 -

.modal {
    z-index: 777;
}

.nav{
    z-index: 77;
}

Answer 3

我遇到了同样的问题。解决方案是：

.modal-open .navbar {
    overflow: hidden;
    margin-right: 17px;
}

我怎么做它引导模态越过滚动导航？

3 个答案: