¿Qué es z-index?

z-index es una propiedad CSS que define qué elemento aparece delante o detrás cuando varios se superponen.

¿Para qué sirve z-index?

Sirve para:

• Controlar capas visuales.
• Gestionar modales, menús o overlays.
• Resolver conflictos de apilamiento.

Ejemplo básico

.modal {
  position: fixed;
  z-index: 1000;
}

Características de z-index

• Funciona con elementos posicionados.
• Afecta al stacking order.
• Puede generar bugs visuales si se usa mal.

¿Dónde se usa?

• En modales, tooltips y menús.
• En interfaces con capas superpuestas.

Conclusión

z-index ayuda a controlar el orden visual de elementos en pantalla. Es pequeño, pero muy importante en layouts complejos.

---

---