我直接使用了Bootstrap示例中的modal代码，只包含Bootstrap.js（而不是Bootstrap modal.js）。但是，我的模式显示在灰色渐变（背景）下，不可编辑
下面是它的样子：
查看此小提琴，了解重现此问题的一种方法。该代码的基本结构如下所示：
<；车身>；
<；p>；洛雷姆·伊普苏姆·多洛·西特。</p>；
<；div class=“我的模块”>；
此容器包含模式代码。
<；div class=“模态衰减”>；
<；div class=“模态对话框”>；
<；div class=“模态内容”>；
<；div class=“模态体”>；莫代尔</部门>；
</部门>；
</部门>；
</部门>；
</部门>；
</车身>；
正文{
填充顶部：50px；
}
.我的模块{
位置：固定；
排名：0；
左：0；
}
你知道为什么会这样，或者我能做些什么来解决这个问题吗
如果模态容器具有固定或相对位置，或者位于具有固定或相对位置的元素内，则会发生此行为
确保将模态容器及其所有父元素定位为解决问题的默认方式。
以下是几种方法：
- 最简单的方法是移动modal div，使其位于具有特殊定位的任何元素之外。一个好位置可能就在结束正文标记的前面
</车身> - 或者，您可以从模式及其祖先中删除
position:CSS属性，直到问题消失。但是，这可能会改变页面的外观和功能