2012-04-16 39 views
1

我打開一個模式,但是當我這樣做時,模式背後的頁面變得很暗。有人可以解釋我可以如何改變這一點。例如,我怎麼能做到這一點,所以背景上只有很淺的陰影。當我打開Twitter Bootstrap模式時,如何更改後面看到的頁面的方式?

我還注意到,當我點擊背景時,我的模態消失。有沒有一種方法可以刪除此功能。我希望我的模式只在用戶點擊提交或關閉模式本身時纔會消失。

回答

3

你要找的是http://twitter.github.com/bootstrap/javascript.html#modals模態背景靜態禁用關閉背景點擊。

還在爲背景黑暗調整

.modal-backdrop, .modal-backdrop.fade.in { 
    opacity: 0; 
} 
+0

不要我已經建立了模態背景一個DIV? – 2012-04-16 11:41:46

+0

不,Twitter的JavaScript使模式的背景下,你不需要DIV。 – rskuja 2012-04-16 14:25:04

8

如果你正在尋找保持模式使背景完全透明背後的大背景下,設置一個透明的背景色,而不是改變透明度:

.modal-backdrop, .modal-backdrop.fade.in { background-color: rgba(0,0,0,0); } 

這使您能夠點擊您的模式,並讓您的模式關閉,而不會實際看到背景。

+0

你做了我的一天。向上投票給你。它完美適用於靜態背景。 – Khamidulla 2013-11-03 14:04:56

2

如果您使用bs 3,則可以在鏈接中使用data-backdrop =「false」屬性,這樣您就不必修改基本引導程序文件。

它在documentation

相關問題