Dinge übereinander legen

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Ein Roman in einfacher Sprache über die Höhen und Tiefen von z-index von Isabel Brison. Oberflächlich betrachtet scheint z-index einfach zu sein. Es ist eine Zahl und sie repräsentiert, was auf was liegt… vorausgesetzt, es ist positioniert… und vorausgesetzt, es befindet sich im selben Stapelkontext wie die anderen Elemente.

… das ist die Essenz: Stapelkontexte werden durch eine Vielzahl von Eigenschaften verursacht und die Hauptgründe für ihre Existenz sind Performance-Überlegungen und die einfache Implementierung durch Browser. Sie stehen nicht immer im Zusammenhang mit z-index oder der Reihenfolge; sie tauchen überall dort auf, wo es sinnvoll ist, mehrere Elemente für Rendering-Zwecke auf derselben Ebene zu haben.

Direkter Link →