z-index

Vad är z-index?

z-index är en CSS-egenskap som styr staplingsordningen för element på en webbsida. Det används för att bestämma vilket element som ska visas framför ett annat när de överlappar varandra på sidan.

En högre z-index-tal innebär att ett element kommer att visas framför ett element med ett lägre z-index-tal. Om två element har samma z-index-tal kommer ordningen i HTML-koden att avgöra vilket element som visas framför det andra.

Exempel:

  • Element A har z-index: 2
  • Element B har z-index: 1

I det här fallet kommer Element A att visas framför Element B eftersom det har ett högre z-index-tal.

För att använda z-index i CSS kan du ange det som en egenskap för ett element i din stilark, till exempel:

.element { z-index: 3; }

Genom att använda z-index kan du kontrollera hur olika element på din webbsida staplas och visas för användarna.

För mer information om z-index, besök Wikipedia.