Comment puis-je supprimer le fade out de bootstrap modal-toile de fond

Je veux montrer à l'utilisateur une série d'auxiliaires modaux, pas seulement un. Mon but est d'avoir le premier modal fondu avec en toile de fond, et de laisser la toile de fond de la deuxième et de la troisième modals sans décoloration. La toile de fond doit alors se faner après la troisième modal. Essentiellement, je veux la première modal à apparaître avec la toile de fond - puis la deuxième et la troisième des modaux apparaissent au cours de la même toile de fond de la première et de la deuxième modals fade out. Ensuite, la troisième modal devrait disparaître avec la toile de fond.

J'ai essayé le code suivant, le modal reste, mais la seconde toile de fond de ne pas le feu comme il semble qu'il attend de la précédente modale de toile de fond à disparaître avant la cuisson: la 

  $('.modal-backdrop.fade').css({
    opacity: 0.8
  });

J'ai ensuite essayé de supprimer le "fade" classe à partir de la toile de fond, mais cela ne fonctionne pas non plus.

Le code qui déclenche la suite modale est comme suit:

  $modalOne.on('hidden', function (e) {
    $modalTwo.modal('show');
  }
  • J'ai trouvé un hack solution, qui est de changer la modal-backdrop.fade CSS pour opacity: 0.79. De cette façon, la toile de fond "se cache" à peu près la même opacité que c'était à l'origine. Cela rend le fade-out à la fin brusque mais réalise fondamentalement le regard que je visais, et est une énorme amélioration sur la décoloration en arrière à partir de 0 à 0,8 opacité.
InformationsquelleAutor YPCrumble | 2013-12-29
  1. 3

    J'aime jouer.

     $('.modal-backdrop.fade').css({
     'background-color': 'rgba(0,0,0,0.8)'
 });

    Donner qu'un tourbillon pour info c'est de tester une théorie de la mine. Si cela fonctionne, utiliser ce lieu de opacity. Le dernier chiffre dans cette série de 4 numéros de la alpha niveau (essentiellement son opacité). Les autres sont rouge, vert et bleu de cours.

    • Intéressant! Il n'a pas de travail en tant que tel parce que le modal a quelques auditeur à l'opacité de l'modal-toile de fond (je crois), et donc il a encore disparu, puis de nouveau dans. Si je numérotation alpha niveau à 0,2 elle va tout simplement pour que l'alpha, puis un retour à aucune toile de fond, avant l'initialisation de la deuxième toile de fond pour la deuxième modal. Je suis tenté de faire juste le modal transparent et de construire mon propre toile de fond, ou de quitter le modal transparent, mais si vous avez d'autres théories voudrais les essayer!
    InformationsquelleAutor Deryck
  2. 1

    Bien basé sur la réponse de Deryck, j'ai été pensé autour d'elle et venu à cette solution qui a fonctionné pour moi.

     $('.modal-backdrop').css({
     'position': 'relative'
 });
    InformationsquelleAutor Jules Lee
  3. 0

    Vérifier la position relative à certains éléments ou z-index j'avais z-index: 0 sur l'élément conteneur et ce ce qui cause le problème. (Les concepteurs peuvent pas vivre avec lui, ne peut pas laisser sans eux :))

    InformationsquelleAutor Vladimir Bozic