Stacking Context & Z-index — Learning Bundle
Stacking Context & Z-Index — Lernpaket
Dieses Lernpaket verbindet zwei CSS-Ideen. Ein Stacking-Kontext hält seine Malreihenfolge getrennt. Der z-Index ordnet Boxen, die innerhalb dieses Kontexts teilnehmen können. Das Paket ist kein standardmäßiger CSS-Begriff.
Ein weiteres Beispiel
Ein Tooltip mit z-index 999 kann trotzdem hinter einer anderen Schicht verschwinden. Sein transformiertes Elternteil kann einen eigenen Stacking-Kontext erstellen.
Hauptteile
- 01Outer constraint
- 02Content and spacing model
- 03Computed size or reflow result
Verwenden Sie es, wenn
Finde den Stacking-Kontext, der wichtig ist, bevor du einen z-Index-Wert änderst.
Nutze es nicht, wenn
Verwende niemals einen riesigen z-Index-Wert, um die echte Grenze zwischen Kontexten zu verbergen.
In Code verwendeter Name
stacking context / z-index Vor dem Ausliefern
Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely.
Outcome: Complete the task with Stacking Context & Z-Index — Lernpaket (Stacking Context & Z-index — Learning Bundle). User context: Ein Tooltip mit z-index 999 kann trotzdem hinter einer anderen Schicht verschwinden. Sein transformiertes Elternteil kann einen eigenen Stacking-Kontext erstellen. Learning bundle to unpack: Stacking Context & Z-Index — Lernpaket (Stacking Context & Z-index — Learning Bundle). Canonical members: Stacking-Kontext (Stacking Context), z-Index (z-index) Why this comparison helps: Finde den Stacking-Kontext, der wichtig ist, bevor du einen z-Index-Wert änderst. Do not treat the bundle as one pattern when: Verwende niemals einen riesigen z-Index-Wert, um die echte Grenze zwischen Kontexten zu verbergen. Comparison requirements: Name every member concept on its own. Explain its job and limits. Show every member in the same real situation. Give a visible sign for when to use, combine, or leave out each member. Decision quality: Keep platform and evidence limits clear. Show which members can work together. Point out false matches, unsafe swaps, and cases that need another concept. Acceptance criteria: A reader can explain each member in one sentence and tell them apart in the example. They can defend the chosen member or valid group and open every canonical guide. Evidence and limits (evidence boundary): Dies ist kein normativer Standard. Sein Name, seine Grenzen und erwartetes Verhalten können von einer Quelle zur anderen variieren. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.
Diese Anfrage prüfen
Review how Stacking Context & Z-Index — Lernpaket (Stacking Context & Z-index — Learning Bundle) is used now. Definition: Dieses Lernpaket verbindet zwei CSS-Ideen. Ein Stacking-Kontext hält seine Malreihenfolge getrennt. Der z-Index ordnet Boxen, die innerhalb dieses Kontexts teilnehmen können. Das Paket ist kein standardmäßiger CSS-Begriff. Release checks: Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.