Bootstrap modal issue с ​​браузером полный экран

Question

У меня есть div и я просматриваю его в полноэкранном режиме в браузере (requestFullScreen()). Все работает нормально, но когда я открываю bootstrap modal, он отображается под полноэкранным div (я имею в виду, что полноэкранный режим остается над модальным), но когда я отменяю полноэкранный режим, я вижу модальный.

Любые идеи, как исправить это?

Answer 1

В настоящее время modal ДИВ вне сторона fullscreen дел.

Так Порежьте оттуда и вставить всю модальность внутри fullscreen DIV

Я не знаю причину, но она работает здесь.

<div id="fullscreen"> 
Lorem ipsum dolor 
<button class="btn launchConfirm">Launch Confirm</button> 

<div class="modal fade"> //modal stuff here</div> 

</div> 

Answer 2

$('.modal').on('shown', function() { 

$('body').css({ 
    overflow : 'hidden' 
}); 
}).on('hidden', function() { 
$('body').css({ 
    overflow : '' 
}); 
}); 

try this one 

Answer 3

Я проверил код, и проблема связана с z-index вашего модального. Установите z-index примерно так.

.modal { z-index:999999;}