浏览器全屏启动模式问题

Question

我有一个div，我在浏览器（requestFullScreen()）中全屏预览。 一切正常，但当我打开bootstrap模态时，它显示在全屏div下（我的意思是全屏停留在模态上）但是当我取消全屏时我看到模态。

任何想法如何解决这个问题？

Answer 1

目前，modal div位于fullscreen div旁边。

所以请从那里剪切并将整个模态粘贴到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;}