Stacking Context & Z-index — Learning Bundle
Contexto de apilamiento y Z-index — Paquete de aprendizaje
Este paquete de aprendizaje conecta dos ideas de CSS. Un contexto de apilamiento mantiene su orden de pintura separado. z-index ordena las cajas que pueden participar dentro de ese contexto. El paquete no es un término estándar único de CSS.
Otro ejemplo
Un tooltip con z-index 999 puede seguir ocultándose detrás de otra capa. Su contenedor transformado puede crear un nuevo contexto de apilamiento.
Partes principales
- 01Outer constraint
- 02Content and spacing model
- 03Computed size or reflow result
Úsalo cuando
Encuentra el contexto de apilamiento que importa antes de cambiar un valor de z-index.
No lo uses cuando
Nunca uses un valor enorme de z-index para ocultar el límite real entre contextos.
Nombre usado en código
stacking context / z-index Antes de lanzarlo
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 Contexto de apilamiento y Z-index — Paquete de aprendizaje (Stacking Context & Z-index — Learning Bundle). User context: Un tooltip con z-index 999 puede seguir ocultándose detrás de otra capa. Su contenedor transformado puede crear un nuevo contexto de apilamiento. Learning bundle to unpack: Contexto de apilamiento y Z-index — Paquete de aprendizaje (Stacking Context & Z-index — Learning Bundle). Canonical members: Contexto de apilamiento (Stacking Context), índice-z (z-index) Why this comparison helps: Encuentra el contexto de apilamiento que importa antes de cambiar un valor de z-index. Do not treat the bundle as one pattern when: Nunca uses un valor enorme de z-index para ocultar el límite real entre contextos. 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): Esto no es un estándar normativo. Su nombre, límites y comportamiento esperado pueden cambiar de una fuente a otra. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.
Revisa esta petición
Review how Contexto de apilamiento y Z-index — Paquete de aprendizaje (Stacking Context & Z-index — Learning Bundle) is used now. Definition: Este paquete de aprendizaje conecta dos ideas de CSS. Un contexto de apilamiento mantiene su orden de pintura separado. z-index ordena las cajas que pueden participar dentro de ese contexto. El paquete no es un término estándar único de 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.