HTML und CSS · Middle · Frage 28 von 75
Was ist ein Stacking Context, und warum „funktioniert“ z-index: 9999 womöglich nicht?
- 1Eine Gruppe für
z-index; ein Kind kommt nicht über die Geschwister des Elternelements - 2Die Reihenfolge der Elemente im HTML-Markup, die
z-indexnicht ändern kann - 3Eine Browser-Grenze: Werte von
z-indexüber 999 werden einfach ignoriert
Antwort zeigen
Richtige Antwort: Eine Gruppe für z-index; ein Kind kommt nicht über die Geschwister des Elternelements
Erklärung
Ein Element mit position + z-index, opacity < 1, transform, filter, isolation: isolate und so weiter erzeugt einen eigenen Stacking Context. Alles darin wird gegenüber seinen Geschwistern als eine Einheit gezeichnet. Liegt ein Elternelement mit z-index: 1 unter einem Geschwister mit z-index: 2, landet ein Kind mit 9999 trotzdem unter diesem Geschwister.