20
Vai a this site, fai clic su "Accedi" nell'angolo in alto a destra e una finestra modale di avvio con twitter apparirà in grigio.La finestra modale Bootstrap è disattivata
Perché succede?
A
risposta
23
È perché .navbar-fixed-top ha uno z-index di 1030 mentre lo sfondo modale ha un indice z di 1040, causando la modale per sovrapporre la barra di navigazione.
Per risolvere questo problema, è sufficiente regolare il valore dello z-index .modal-backdrop su un valore inferiore a 1030, ad es.
.modal-backdrop {
z-index: 1020;
}
18
Prima di tutto, aggiungere dati-backdrop = "false" al tuo div modale
quindi aggiungere il seguente al vostro stile:
.modal { background: rgba(000, 000, 000, 0.8); min-height:1000000px; }
Non dimenticare di aggiungere il pulsante di chiusura nel tuo modal ...
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
Cheers ..
+0
Questo ha funzionato nel mio caso ho usato loro bootstrap selettore ... il passaggio a un tema e il ritorno al valore predefinito comportano la disattivazione di una modale sulla mia pagina. Ora funziona correttamente con data-backdrop = "false" – cb88
+2
Grazie; aggiungendo 'data-backdrop =" false "' l'ha risolto subito. – Neil
+0
Grazie signore. Il mio problema era solo in IE, ma questo mi ha sistemato bene. Dovevo impostare lo z-index del mio nav su -1 per farlo distendere sotto. Saluti. – kmehta
23
È anche possibile utilizzare:
.modal-backdrop.in { z-index: auto;}
+2
questa è la migliore risposta. – hellion
1
ho dovuto aggiungere importante per farlo funzionare!.
.modal-backdrop {
z-index: 1020!important;
}
Problemi correlati
- 1. Utilizzo della finestra modale Bootstrap come PartialView
- 2. Bootstrap su Twitter: come chiudere la finestra di dialogo modale?
- 3. ri-formato la finestra di dialogo modale in bootstrap dinamicamente
- 4. Link di fallback per la finestra modale di Twitter BootStrap
- 5. La finestra di dialogo modale remota di Bootstrap non funziona
- 6. Impossibile aprire la finestra modale bootstrap come route
- 7. Come aprire una finestra modale Bootstrap usando jQuery?
- 8. UI modale bootstrap 'non è definito'
- 9. Cambia colore del pulsante di chiusura nella finestra modale bootstrap
- 10. Button click non sparare a finestra modale (bootstrap)
- 11. Bootstrap: TypeError: $ (...) modale non è una funzione
- 12. Evento onload modale Bootstrap
- 13. Modificare l'effetto bootstrap modale
- 14. (Capybara) finestra modale di accesso
- 15. Bootstrap: scrollbar scompare dopo la chiusura modale
- 16. come centrare la finestra modale popup jqGrid?
- 17. ShowDialog() non rende la finestra modale
- 18. twitter bootstrap modal non proprio modale
- 19. Bootstrap.js - come visualizzare automaticamente una finestra modale?
- 20. Twitter Bootstrap modale non la visualizzazione delle immagini a distanza
- 21. modale bootstrap come oggetto jquery
- 22. BOOTSTRAP modale non funziona affatto
- 23. Form all'interno del bootstrap modale
- 24. Chiudi Bootstrap modale dall'interno iframe
- 25. impossibile chiamare la finestra modale bootstrap utilizzando javascript in chrome (funziona in firefox)
- 26. Come attivare lo sfondo modale Bootstrap?
- 27. L'icona di notifica è disattivata
- 28. La messagebox C#/.NET non è modale
- 29. Solo modale Bootstrap che mostra lo sfondo
- 30. Bootstrap modale: Bilaterale contenuti allineati in piè di pagina modale
ci chiede di visitare il vostro sito web non è una buona pratica, come più tardi quando ci imbattiamo in un problema come questo non c'è modo siamo in grado di vedere il problema si doveva –