モーダルの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();
モーダルが指定する背景はモーダルの前にあり、モーダルをクリックすると、モーダル コンテキストの外側をクリックして閉じたように動作します。