自举模态出现在背景下我在引导示例中直接为我的模式使用了代码，并且只包含了bootstrap.js(而不是bootstrap-modal.js)。然而，我的模式出现在灰色褪色(背景)下，是不可编辑的。如下所示：看见这把小提琴为一重现这个问题的方法。该代码的基本结构如下：<body>
<p>Lorem ipsum dolor sit amet.</p>
<div class="my-module">
This container contains the modal code. <div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">Modal</div>
</div>
</div>
</div>
</div></body>body {
padding-top: 50px;}.my-module {
position: fixed;
top: 0;
left: 0;}知道为什么会这样，或者我能做些什么来解决这个问题吗？
3 回答
波斯汪
TA贡献1811条经验 获得超4个赞
确保模态容器及其所有父元素都以默认方式定位，以解决问题。
最简单的方法就是移动模态div，所以它在任何元素之外都有特殊的定位。一个好地方可能就在关闭体标签之前。 </body>.或者，您可以删除 position:CSS属性从模式及其祖先直到问题消失。然而，这可能会改变页面的外观和功能。
哆啦的时光机
TA贡献1779条经验 获得超6个赞
show
$('#myModal').appendTo("body").modal('show');.modal('show');
$('#myModal').appendTo("body")
拉丁的传说
TA贡献1789条经验 获得超8个赞
什么起作用了：
.modal-backdrop {
z-index: -1;}添加回答
举报
0/150
提交
取消