Question

我有一个twitter bootstrap模式的问题，将背景设置在模态的顶部如果在模态的html所在的主要部分上设置了'不透明度'（小于1）。

Html布局：

<div id="content-area">
  ...some html

  <div id="someModelId">
     <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      <h3>Some Title</h3>
    </div>
    <div class="modal-body">
      <div>
         ...some content
      </div>
    </div>
    <div class="modal-footer">
      <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    </div>
  </div>
</div>

CSS

.content-area {
 opacity:0.9;
}

因此，结果是调用模态时：

$（ “＃someModelId”）模态（）;

模态指定的背景位于模态前面并单击模态，就好像您在模态上下文外部单击并使其关闭一样。

Answer 1

原来需要移动受影响的对话框html，在通过css应用不透明度规则的区域之外。

Twitter Bootstrap模式受不透明度CSS规则的影响

1 个答案: