所以我遇到的问题与@Jamescoo几乎完全相同，但是我认为我的问题出在我已经放置了几个DIV来创建滑动导航面板这一事实。
奖励：如果您愿意，可以随意获取滑动面板的代码：)
z索引不应冲突，并且它们的值将表明它们正确堆叠，但从视觉上看，它们不是正确的。
单击“打开模态”按钮后，便可以<div class="modal-backdrop fade in"></div>覆盖所有内容！（您必须重新运行代码以将其重置）
<div class="modal-backdrop fade in"></div>
我不知道该如何补救…有什么想法吗？
只需将整个模态移到其余代码的最底部即可。它不需要嵌套在除主体之外的任何其他元素中。
<body> <!-- All other HTML --> <div> ... </div> <!-- Modal --> <div class="modal fade" id="myModal"> ... </div> </body>
他们在文档中暗示了这种解决方案。
模态标记的放置 始终尝试将模态的HTML代码放置在文档的顶级位置，以避免其他组件影响模态的外观和/或功能。
