Twitter Bootstrap Modal受不透明度CSS規則影響

Question

我有一個twitter引導模式設置模式IF頂部背景的問題如果在模式的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」）。modal（）;

模態指定的背景位於模態前面並單擊模態，就好像您在模態上下文之外單擊並使其關閉一樣。

Answer 1

事實證明，要求移動受影響的對話框html，在通過css應用不透明規則的區域之外。