莫代爾沒有專注

Question

我試圖使用模態。當我嘗試點擊模式時，它不會集中注意力。我在頂部欄導航中調用下拉菜單中的模式（位於右上角）。我上傳了一張照片，鏈接在代碼下。我正在使用bootstrap。我得到的片段從here

我的代碼：

<ul class="nav navbar-right top-nav"> 
    <li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown">Admin User <b class="fa fa-angle-down"> 
      </b></a> 
     <ul class="dropdown-menu"> 
      <!--=====HERE IS WHERE I CALL THE MODAL=====--> 
      <li> 
       <a href="#" data-toggle="modal" data-target="#changeProfile"><i class="fa fa-fw fa-cog"> 
        </i> Change Profile</a> 
      </li> 
      <li class="divider"> 
      </li> 
      <li> 
       <a href="#"><i class="fa fa-fw fa-power-off"> 
        </i> Logout</a> 
      </li> 
     </ul> 
    </li> 
</ul> 
<!-- Modal Add Brand --> 
<div class="modal fade" id="changeProfile" tabindex="-1" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h3> 
        Change Profile 
       </h3> 
      </div> 
      <div class="modal-body"> 
       <form class="form-horizontal" role="form"> 
        <div class="form-group"> 
         <label for="txtBusName" class="col-sm-2 control-label">Username</label> 
         <div class="col-sm-10"> 
          <input type="text" id="txtUsername" class="form-control"> 
         </div> 
        </div> 
        <div class="form-group"> 
         <label for="txtBusDesc" class="col-sm-2 control-label">Password</label> 
         <div class="col-sm-10"> 
          <input type="password" id="txtPassword" class="form-control"> 
         </div> 
        </div> 
       </form> 
      </div> 
      <div class="modal-footer"> 
       <button type="submit" class="btn btn-primary">Submit</button> 
      </div> 
     </div> 
    </div> 
</div> 
<!-- Modal Add Brand --> 

This is what it looks like. I can't click the modal at all.

謝謝！

Answer 1

看起來像你的模態框的z-index值低於半透明黑暗div，用於「阻止」頁面內容。嘗試增加您的模態框的值z-index值。

#changeProfile { 
    z-index: 9999; 
}