我有一个像这样的 Bootstrap 模式:
<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>
它在开始时向我展示了模型,但我想要的是背景是黑色的..或者说当这个模态出现并且背景应该被禁用时像透明的..
我该怎么做?
最佳答案
如果您使用 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
应该会自动出现。
关于javascript - 带有黑色禁用背景的 Bootstrap 模式显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35718015/