Le z-index est une propriété CSS qui contrôle l'ordre de superposition des éléments d'une page web. Il détermine quels éléments passent au-dessus des autres quand ils se chevauchent. Plus la valeur du z-index est élevée, plus l'élément est au premier plan. Les éléments avec un z-index plus faible apparaissent derrière ceux qui ont une valeur plus haute.
Le z-index ne fonctionne que sur les éléments qui ont une propriété de positionnement, comme relative, absolute ou fixed. On l'utilise souvent en web design pour gérer les calques, par exemple pour les menus déroulants, les fenêtres modales ou les infobulles, afin qu'ils s'affichent au-dessus du reste de la page.