2016-09-24 171 views
2

我試圖彈出我的代碼引導3模式後3禁用後臺使用如下代碼引導模式彈出

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="false" aria-hidden="true" data-keyboard="false"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
      <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
     </div> 
    <div class="modal-body"> 
    ... 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    <button type="button" class="btn btn-primary">Save changes</button> 
    </div> 
    </div> 
    </div> 
    </div> 

我想完全禁用背景,只有模式應該是活躍的時候,這樣的

我想這樣的下面 enter image description here

給出的,這就是我得到 enter image description here

+0

我還沒有嘗試過任何東西,因爲我沒有得到互聯網上的任何地方這樣的解決方案,所以很多對谷歌的研究後,我終於公佈這在stackoverflow。 – dollar

+0

嘗試在控制檯中刪除背景。所以,你可以看到你想改變的風格在哪裏。我不建議使用!重要的但如果你想要一個簡單的解決方案在這個問題上。你可以使用它。試一試 –

+0

嗨,我剛剛改變了模態類的zindex,它按照我的要求工作,.modal { \t z-index:99999; } – dollar

回答

2

嘗試這個

$('#myModal').modal({backdrop: 'static', keyboard: false}) ; 

更多信息Here