Layout e CSS Più dettagli D · Nome di uso quotidiano o speciale

Stacking Context & Z-index — Learning Bundle

Contesto di stacking e Z-index — Pacchetto di apprendimento

Questo pacchetto di apprendimento collega due concetti CSS. Un contesto di impilamento mantiene separato il suo ordine di pittura. Lo z-index ordina le caselle che possono partecipare all'interno di quel contesto. Il pacchetto non è un termine standard unico del CSS.

Vedi come funziona
Potresti chiamarlo Stacking Context & Z-index — Learning Bundlecontesto di stacking vs pacchetto di apprendimento z-indexlezione di ordine di pitturaconfronto dell'ordine dei livelli

Vedi come funziona

Esempio originale svoltoContesto di stacking e Z-index — Pacchetto di apprendimento

Un altro esempio

Un tooltip con z-index 999 potrebbe comunque finire dietro un altro livello. Il suo genitore trasformato può creare un stacking context separato.

Parti principali

  1. 01Outer constraint
  2. 02Content and spacing model
  3. 03Computed size or reflow result

Usalo quando

Trova il contesto di impilamento che conta prima di cambiare un valore z-index.

Non usarlo quando

Non usare mai un valore di z-index enorme per nascondere il vero confine tra i contesti.

Nome usato nel codice

stacking context / z-index

Prima di spedire

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.

Puoi copiare la richiesta

Outcome: Complete the task with Contesto di stacking e Z-index — Pacchetto di apprendimento (Stacking Context & Z-index — Learning Bundle). User context: Un tooltip con z-index 999 potrebbe comunque finire dietro un altro livello. Il suo genitore trasformato può creare un stacking context separato. Learning bundle to unpack: Contesto di stacking e Z-index — Pacchetto di apprendimento (Stacking Context & Z-index — Learning Bundle). Canonical members: Contesto di impilamento (Stacking Context), indice-z (z-index) Why this comparison helps: Trova il contesto di impilamento che conta prima di cambiare un valore z-index. Do not treat the bundle as one pattern when: Non usare mai un valore di z-index enorme per nascondere il vero confine tra i contesti. 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): Questo non è uno standard normativo. Il suo nome, limiti e comportamento previsto possono cambiare da una fonte all'altra. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.

Controlla questa richiesta

Review how Contesto di stacking e Z-index — Pacchetto di apprendimento (Stacking Context & Z-index — Learning Bundle) is used now. Definition: Questo pacchetto di apprendimento collega due concetti CSS. Un contesto di impilamento mantiene separato il suo ordine di pittura. Lo z-index ordina le caselle che possono partecipare all'interno di quel contesto. Il pacchetto non è un termine standard unico del CSS. 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.

D
Quanto è ufficiale questo termine?

Nome di uso quotidiano o speciale

Questo può essere un nome comune o vecchio, un nome utilizzato da un'azienda, o una categoria di Vibulary. Le fonti possono supportare la pratica o le limitazioni, ma potrebbero non definire il nome.

Questo non è uno standard normativo. Il suo nome, limiti e comportamento previsto possono cambiare da una fonte all'altra.

Ambito
Solo ciò che la sorgente copre:nome canonico、definizione、Semantica、implementazione
stato del documento
bozza
Selezionato attivato
2026-07-30

Fonti e ambito delle prove

Fonte dell'autorità · W3C CSS Working Group · bozza CSS Positioned Layout Module Level 3 Ambito: nome canonico、definizione、Semantica、implementazione Ruolo qui: Contesto utile, non una definizione La fonte copre: nome canonico, definizione, Semantica, implementazione

Copia tu stesso

Il browser non è riuscito a copiare questo. Seleziona la richiesta qui sotto e copiala tu stesso.