Z-index controla qué elemento superpuesto aparece delante de otro. Imagina dos hojas de papel en una mesa: la que está encima tapa parte de la que queda debajo.
Un sitio puede usar este ajuste para colocar una ventana emergente sobre la página o un menú sobre una imagen. Dentro del mismo contexto de apilamiento, un número mayor suele indicar que el elemento está más al frente.
Si un z-index alto parece no funcionar, otro grupo de elementos puede crear su propia capa. Usa pocos niveles coherentes en vez de asignar un número enorme a cada elemento.