我直接从Bootstrap示例中使用了模态代码,仅包含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;
}
关于这是为什么的任何想法,或者我可以做些什么来解决此问题?
overflow-x: hidden
应用于模式容器引起的。