Permettre d'arrière-plan lors de l'ouverture de bootstrap modal popup
J'ai utilisé modal popup de bootstrap dans mon projet et que vous voulez choses suivantes:
- Lors de l'ouverture modal popup et cliquez sur l'arrière-plan contextuel ne doit pas fermer.
- Lors de l'ouverture modal popup fond ne doit pas flou. sens d'ouverture modal popup arrière-plan ne devrait pas affecter d'une quelconque façon.
- Après avoir ouvert modal popup utilisateur peut également travailler sur le fond que le temps popup ne doit pas fermer.
- supprimer
backdrop
classe à partir de la racinediv
demodal
des données et de labackdrop="static"
Vous devez vous connecter pour publier un commentaire.
1) Lors de l'ouverture du modèle contextuel et cliquez sur l'arrière-plan contextuel ne doit pas fermer.
Inclure des attributs de données
data-keyboard="false" data-backdrop="static"
modale définition de lui-même:2) Lors de l'ouverture du modèle contextuel d'arrière-plan ne devrait pas flou. sens de l'ouverture du modèle contextuel d'arrière-plan ne devrait pas affecter d'une quelconque façon.
Ensemble
.modal-backdrop
la valeur de la propriété àdisplay:none;
3) Après avoir ouvert le modèle contextuel de l'utilisateur peut également travailler sur le fond que le temps popup ne doit pas fermer.
Ajouter des valeurs dans
.modal-open .modal
Note: vous devrez peut-être ajuster la largeur du modal en fonction de la taille de l'écran avec les media queries.
Avertissement: Cette réponse est uniquement pour montrer comment atteindre les 3 objectifs que Si vous avez plus d'un modal bootstrap, les modifications ci-dessus aura un effet sur tous les auxiliaires modaux, ce qui suggère fortement d'utiliser des sélecteurs.
CSS:
HTML:
Travail Violon Exemple
.modal-open {overflow: auto !important;}
et voir si elle résoudre le problème