Bootstrap Sovrapposizione colore di sfondo 3 modale e l'animazione

Question

sto avendo alcuni problemi cambiando il colore di sfondo quando si visualizza la finestra modale utilizzando Bootstrap 3.

Idealmente voglio che sia più di un nero e il tono verso il basso l'opacità un po ', ma quando clicchi sulle caselle che si trovano qui;

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

Inoltre - Come si interrompe il modale di scorrimento verso il basso? Voglio solo che svanisca? Ho visto un paio di articoli su qui, ma nessuno di loro in realtà rispondere a questa domanda ...

Grazie

Rob

Answer 1

Per cambiare il colore contesto è possibile utilizzare questo:

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

o separati in clases:

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

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

e poi aggiungere la classe al div:

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

per smettere di scorrere verso il basso rimuovere la classe "dissolvenza".

Spero che questo aiuto,

saluti.

Answer 2

ho usato:

.modal { 
    background-color:black; 
} 

e ha funzionato.

Answer 3

Il rimedio semplice consiste nel sostituire il valore predefinito. Basta usare:

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