El z-index es una propiedad CSS que controla el orden de apilamiento de los elementos de una página web. Determina qué elementos aparecen encima de otros cuando se solapan. Cuanto más alto es el valor del z-index, más adelante está el elemento en el orden de apilamiento. Los elementos con un z-index más bajo aparecen detrás de los que tienen un valor más alto.
El z-index solo funciona en elementos que tienen una propiedad de posición, como relative, absolute o fixed. Se usa mucho en diseño web para gestionar capas, por ejemplo al crear menús desplegables, ventanas modales o tooltips, para que aparezcan por encima del resto del contenido de la página.