jQueryUI對話框VS twitter引導疊加，將一個在另一個之上

Question

在我的網頁上，我使用jQueryUI模式對話框顯示單擊鏈接時的加載消息。但在一些頁面中，我也使用Twitter Bootstrap的模態疊加。

TB重疊顯示在加載對話框上。但我想加載對話框始終在每個div的頂部。我試圖更改對話框疊加層的z-index，但這沒有幫助。

我做了我的問題的一個簡單的jsfiddle例如：

http://jsfiddle.net/x76UH/1/

在那裏，你可以點擊一個鏈接，顯示了TB覆蓋和下方會出現一個LOADING對話框。但是我希望在TB覆蓋層上有這個對話框。

有什麼辦法可以做到這一點？

Answer 1

最簡單的方法是給ui-dialog更高z-index：

.ui-dialog { 
    z-index: 1060; 
} 

Updated jsfiddle

Answer 2

你也z-index更新引導要素：http://jsfiddle.net/x76UH/3/

.modal-backdrop { 
    z-index: 9 !important; 
} 

#myModal { 
    z-index: 10 !important; 
} 

其快速解決與小提琴的工作，但你應該在你的風格文件編輯（bootstrap-combined.min.js）

Answer 3

修改裝載對話框的z-index的一些東西一樣z-index: 10000;