2014-04-22 6 views
6

Je vais avoir quelques problèmes de changer la couleur de fond lorsque la Modal fenêtre est affichée à l'aide Bootstrap 3.Bootstrap 3 superposition modale couleur de fond et de l'animation

Idéalement, je veux que ce soit plus d'un noir et un ton bas l'opacité un peu, mais quand vous cliquez sur les cases situées ici;

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

aussi - comment puis-je arrêter le glissement vers le bas Modal? Je veux juste que ça disparaisse? Je l'ai vu quelques articles ici, mais aucun d'entre eux en fait répondre à cette ...

Merci

Rob

+0

Je viens de découvrir que si j'ajoute une couleur au style suivant; .modal {background-color: black;} définit la couleur d'arrière-plan. Cependant, je suis toujours coincé avec le modal glissant vers le bas ... – Akirob

Répondre

13

Pour changer la couleur de fond, vous pouvez utiliser ceci:

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

ou séparée en clases:

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

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

puis ajoutez la classe à votre div:Pour arrêter de glisser vers le bas, supprimez la classe "fondu".

Espérons que cette aide,

concerne.

0

J'utilisé:

.modal { 
    background-color:black; 
} 

Et cela a fonctionné.

2

Une solution simple consiste à remplacer la valeur par défaut. Il suffit d'utiliser:

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