Ich arbeite in einem offenen Warenkorb Rahmen. Darin habe ich eine modale Seite erstellt. Die Sache ist, dass, wenn ich das modale öffnen nav Bar über es komme. So, wie man das Problem überkommt. click here for screenshot. Ich bin wirklich an dieser Position fest. Ich hoffe, dass mir jemand helfen wird.Wenn ich modal öffne, komme nav bar über das modale?
0
A
Antwort
0
Ihre Navbar hat einen größeren z-index
Wert als das Modal. Aktualisiere es einfach auf einen niedrigeren Wert oder erhöhe den Wert von modal.
Die CSS-Eigenschaft z-index gibt die z-Reihenfolge eines positionierten Elements und seiner Nachkommen an. Wenn sich Elemente überschneiden, bestimmt z-Reihenfolge, welche die andere abdeckt. Ein Element mit einem größeren z-Index deckt im Allgemeinen ein Element mit einem niedrigeren ab.
Mehr über z-index
auf MDN:
+1
@RAHEEZPC akzeptieren die antwort, wenn es für sie gearbeitet hat –
0
Ihr nav setzen Sie ihn auf:
top:0px;
position:fixed;
Und Ihre modal:
z-index:2000;
Verwandte Themen
- 1. Wie öffne ich dieses modale bei Timeout?
- 2. Wenn ich die modale Ansicht öffne, erscheint das Header-Bild vor modal, wie kann ich das stoppen?
- 3. Nav bar Untermenü
- 4. Benutzerdefinierte Shortcode in Wordpress Nav Bar
- 5. Nav Bar unsichtbar, wenn Tastatur angezeigt wird
- 6. nav bar Ausgabe
- 7. Bootstrap Nav Bar Probleme
- 8. Ionic nav-bar Ausgabe
- 9. Bootstrap Justified Nav Bar
- 10. Bootstrap Nav Bar Active
- 11. Bootstrap Responsive Nav Bar
- 12. Nav bar animation
- 13. Responsive Nav Bar Bug
- 14. überlappende nav bar css
- 15. Dynamische Side Nav Bar
- 16. Wie nav bar im kleinen Bildschirm anpassen?
- 17. Bootstrap: modal über modal
- 18. bootstrap nav bar toggling?
- 19. CSS align nav bar
- 20. Wie kann ich die Textfarbe des Nav-Bar-Textes und des Center-Nav-Bar-Textes ändern?
- 21. Center IMG auf Nav Bar
- 22. Seite nav bar height Ausgabe
- 23. Jekyll Horizontal Nav Bar Probleme
- 24. Überlauf Logo außerhalb nav bar
- 25. CSS - ausblenden Nav Bar & Footer
- 26. Bootstrap nav-bar zu lang
- 27. Bootstrap nav-bar styling reaktivieren
- 28. bootstrap nav bar kollabieren ausgaben
- 29. bootstrap nav bar nicht angezeigt
- 30. Erstes Modal-Scroll-Verstecken, wenn das zweite Modal geschlossen ist
Ihre modal Code setzen, bevor Komplette Körpermarke. weil nicht klar tag –