bootstrap css - 如何在不影響背景的情況下製作模態對話框模式

在引導CSS中，可以顯示模態對話框，但我希望能夠使其成爲模態，以便後面的UI不會響應顯示深黑色背景。bootstrap css - 如何在不影響背景的情況下製作模態對話框模式

似乎沒有選項允許我在$（「＃selector」）。modal（）函數上執行此操作。

2011-11-17 jaffa

請你能不能張貼相關的代碼作爲jsfiddle.net給我們看，並一起玩？它會從字面上花費幾秒鐘。 –

謝謝，這裏是小提琴：http://jsfiddle.net/NUVrd/1/ – jaffa

爲了擺脫的大背景下：

模式啓動

$('#XXX').modal({show:true});

經過短短觸發下方

$('.modal-backdrop').removeClass("modal-backdrop");

2014-02-24 00:48:17 Hugh

請看以下由Alex Marple爲**正確**方法的答案。 – FastTrack

Surey你需要做的就是調整CSS來改變黑色背景的不透明度。它不必是可見的阻止對基礎元素的點擊（除非有一些我不知道的點擊劫持）。目標課程是div.modal-backdrop。

2011-12-09 13:47:13 Synchro

我剛剛測試了這一點，並設置不透明度：0在該元素，它仍然攔截點擊。 – Synchro

如果我正確的，你應該能夠通過調用做到這一點：

$("#selector").modal({ 
    backdrop: "static" 
});

然後只需更改類背景的CSS和你設置。

2012-03-02 20:30:56 xorinzor

的代碼添加data-backdrop="false"到<div class="modal">和引導將做休息。

例子：

<div class="modal" id="genericModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">

2015-06-19 20:29:45

這是最乾淨的答案。應該是批准的。 –

該解決方案影響背景。不是你看到的，而是你點擊的。 –

回答