阴影引导箱对话框

Question

我正在使用bootbox 创建引导模式。以下是我创建示例的方式：

bootbox.dialog({message: "hello"});

我的问题是渲染的对话框有点被禁用（所有屏幕都是阴影），我无法点击它，甚至ESC 也无法使模式消失！

当我在浏览器中检查对话框元素时，我看到的是：

<div class="bootbox modal fade in" tabindex="-1" role="dialog" style="display: block;" aria-hidden="false">
  <div class="modal-backdrop fade in" style="height: 321px;"></div>
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
        <button type="button" class="bootbox-close-button close" data-dismiss="modal" aria-hidden="true" style="margin-top: -10px;">×</button>
        <div class="bootbox-body">hello</div>
      </div>
    </div>
  </div>
</div>

我检查了 bootbox 示例，它看起来与使用的 CSS 类相同。那么这里有什么问题呢？

Answer 1

我必须添加以下 CSS 来解决问题：

.modal-backdrop.fade.in {
  z-index: 0;
}