bootstrap模态显示与黑色禁用背景

时间:2016-03-01 08:32:58

标签: javascript css twitter-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>

它在开始时向我展示了模型,但我想要的是背景是黑色的......或者说这个模态出现时应该是透明的,背景应该被禁用..

我该怎么做?

1 个答案:

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

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