所以我有与
@Jamescoo几乎完全相同的问题，但我认为我的问题是来自事实，我已经定位了几个DIVs创建一个滑动导航面板。
这是我的确切设置复制：http://jsfiddle.net/ZBQ8U/2/
z索引不应该冲突，它们的值将显示它们正确堆叠，但在视觉上它们不是。
点击“打开模式”按钮后，< div class =“modal-backdrop fade in”>< / div>涵盖一切！ (你必须重新运行代码重置它)
我不知道如何补救这一个…任何想法？
解决方法
只需将整个模态移动到其余的代码之外，到底。它不需要嵌套在任何其他元素，除了正文。
<body>
<!-- All other HTML -->
<div>
...
</div>
<!-- Modal -->
<div class="modal fade" id="myModal">
...
</div>
</body>
他们在文档中暗示了这个解决方案。
Modal Markup Placement Always try to place a modal’s HTML code in a top-level position in your document to avoid other components affecting the modal’s appearance and/or functionality.
