Z-index is een CSS-eigenschap waarmee je de stapelvolgorde van onderdelen op een webpagina regelt. Het bepaalt welke onderdelen bovenop andere liggen als ze overlappen. Hoe hoger de z-index, hoe meer het onderdeel naar voren komt. Onderdelen met een lagere z-index liggen achter onderdelen met een hogere waarde.
Z-index werkt alleen op onderdelen met een positie-eigenschap, zoals relative, absolute of fixed. Het wordt veel gebruikt in webdesign om lagen te beheren, bijvoorbeeld bij dropdownmenu's, pop-upvensters (modals) of tooltips, zodat die boven de andere content op de pagina verschijnen.