0

モーダルのhtmlが存在するメインに「不透明度」(1未満)が設定されている場合、モーダルの上に背景を設定するTwitterブートストラップモーダルに問題があります。

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").modal();

モーダルが指定する背景はモーダルの前にあり、モーダルをクリックすると、モーダル コンテキストの外側をクリックして閉じたように動作します。

4

1 に答える 1

0

これには、cssを介して不透明度ルールを適用していた領域の外に、影響を受けるダイアログhtmlを移動する必要があることが判明しました。

于 2012-10-15T18:59:28.293 に答える