O z-index é uma propriedade CSS usada para controlar a ordem de sobreposição dos elementos numa página web. Define que elementos aparecem por cima de outros quando se sobrepõem. Quanto maior o valor de z-index, mais à frente fica o elemento. Os elementos com um z-index mais baixo aparecem por trás dos que têm um valor mais alto.
O z-index só funciona em elementos com uma propriedade de posicionamento definida, como relative, absolute ou fixed. É muito usado no web design para gerir camadas, por exemplo em menus suspensos, janelas modais ou tooltips, para que apareçam por cima do resto do conteúdo da página.