Как скрыть модальное всплывающее окно без фона?

Question

Я запуская следующий модальное диалоговое окно с JavaScript:

$('#myModal').modal({ 
    show: true, 
    backdrop: false 
}); 

Результат: диалог появляется, но не закрывается, если я нажму вне всплывающего окна.

Когда я установил backdrop: true, диалоговое окно закрывается на внешнем клике, , но отображается полный экран с затемненным наложением.

Как я могу получить модальное всплывающее окно, которое не меняет наложение opacity, но все же закрывается на экране снаружи?

Answer 1

Вы можете добавить background-color к .modal-backdrop как таковой ...

<style> 
    .modal-backdrop { 
     background-color: transparent; 
    } 
</style> 

<!-- [...] --> 

<script> 
    // [...] 
    $('#myModal').modal({ 
     show: true 
    }); 
</script> 

Plunker link - демо

Answer 2

Вы можете оставить фон: ложь, и добавить свои собственные события нажатия на страницу:

$('body').click(function(e){ 
    if ($('#myModal').is(e.target)) 
     $('#myModal').modal('hide') //or whatever your bootstrap uses to hide a modal 
}) 

Answer 3

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

http://jsfiddle.net/obewgqc8/