Tiffany B. Brown erklärt auf eine sehr schnelle und verständliche Weise, was Stacking Contexts sind. Zuerst, was einen neuen Kontext erzeugt, dann
Kinder eines Stacking Contexts werden von unten nach oben in der folgenden Reihenfolge gemalt.
- Elemente mit einem negativen Stapelungslevel, typischerweise Elemente mit
z-index: -1- Elemente mit einem
position-Wert vonstatic.- Elemente mit einem Stapelungslevel von 0, typischerweise positionierte Elemente mit einem
z-index-Wert vonauto.- Elemente mit positiven Stapelungslevels, z. B. ein positioniertes Element mit einem
z-index-Wert von1oder höher.