带有黑色禁用背景的引导模态显示

bootstrap modal show with black disabled background

本文关键字：模态 显示 背景 黑色      更新时间：2023-09-26

我有一个引导模式，如下所示：

<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应自动显示。

请参阅：http://jsfiddle.net/dvv6dvug/

相关文章：