2014-04-22 83 views
6

我在使用引導3.引導3模式疊加的背景顏色和動畫

理想的顯示模式窗口,當一些問題改變背景顏色,我希望它成爲一個更黑,淡化不透明度有點,但是當你點擊這裏的盒子;

http://roblb.devour.org/march2014/index%20copy.html

而且 - 我怎麼停止模態往下滑?我只是想讓它淡入?我已經看到了這裏的幾個項目,但他們沒有真正回答這個...

感謝

羅布

+0

我剛剛發現,如果我添加到以下風格的顏色; .modal {background-color:black;}這會設置背景顏色。但是,我仍然堅持模式下滑... – Akirob

回答

13

要更改您可以使用此背景顏色:

.modal-backdrop { 
    background-color: #0000ff; 
} 

或單獨成clases:

.modal-blue .modal-backdrop { 
    background-color: #0000ff; 
} 

.modal-white .modal-backdrop { 
    background-color: #ffffff; 
} 

,然後將該類添加到您的DIV:

<div class="modal fade modal-white" ... > 
    <div class="modal-dialog"> 
     ... 
    </div> 
</div> 

停止滑下刪除「淡化」類。

希望得到這個幫助,

關於。

0

我用:

.modal { 
    background-color:black; 
} 

和它的工作。

2

簡單的補救措施是覆蓋默認值。 只是使用:

.fade.in { 
    background: #000; // or whatever you like 
}