我有一个类似的引导模式:
<div class="modal show" id="myModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">My Modal</h4>
</div>
<div class="modal-body">
<p>My Modal Body</p>
</div>
</div>
</div>
</div>
它在开始时向我展示了模型,但我想要的是背景是黑色的......或者说这个模态出现时应该是透明的,背景应该被禁用..
我该怎么做?
答案 0 :(得分:1)
如果您使用课程modal show
,则可以手动添加<div class="modal-backdrop fade in"></div>
,因此生成的代码如下所示:
<div class="modal show" id="myModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">My Modal</h4>
</div>
<div class="modal-body">
<p>My Modal Body</p>
</div>
</div>
</div>
</div>
<div class="modal-backdrop fade in"></div>
如果您使用modal fade
作为课程,modal-backdrop
应自动显示。