Z-index to właściwość CSS, która steruje kolejnością nakładania się elementów na stronie. Określa, które elementy będą na wierzchu, gdy na siebie zachodzą. Im wyższa wartość z-index, tym bliżej przodu jest element. Elementy z niższą wartością pojawiają się pod elementami z wyższą.
Z-index działa tylko na elementach z ustawionym pozycjonowaniem, na przykład relative, absolute lub fixed. Używa się go często w projektowaniu stron do zarządzania warstwami, na przykład przy menu rozwijanych, oknach modalnych czy podpowiedziach, aby pojawiały się nad inną treścią.