CSS parametras - z-index

Lukas

Z-index parametras nurodo kaip elementai yra išsidėstę z ašyje. Z ašis yra statmena ekrano plokštumai. Kuo didesnė z-index reikšmė, tuo elementas yra "arčiau" mūsų, todėl jis būna aukščiau kitų elementų. Tokiu būdu galime padaryti vienas kitą perdengiančius elementus. Z-index parametras veikia tik su elementais, kurių parametras position turi reikšmę absolute, relative arba fixed.

Pavyzdys

div.pirmas {
  position:absolute;
  left:0px;
  top:0px;
  width:50px;
  height: 50px;
  background-color:#0F0;
  z-index:-10;
}
 
// ant pirmo div elemento eantis antras div elementas
 
div.antras {
  position:absolute;
  left:0px;
  top:0px;
  width:10px;
  height:10px;
  background-color:#F00;
  z-index:10;
}

Galimos reikšmės

Reikšmė	Aprašymas
auto	Elemento z-index reikšmė sutampa su tėvinio elemento z-index reikšme.
skaičius	Skaičius. Kuo didesnis, tuo elementas "aukščiau". Galimos neigiamos reikšmės.
inherit	Elemento stiliai turi būti paveldimi iš tėvinio elemento. Elemento, kuriame yra šis elementas.