CSS z-index-egenskapen

Definisjon og bruk

Z-index-egenskapen setter elementets stablingsekvens. Element med høyere stablingsekvens vil alltid være foran elementer med lavere stablingsekvens.

Kommentarer:En element kan ha negative z-index-verdier.

Kommentarer:Z-index virker bare på plasseringsenheter (f.eks. position:absolute;)

Beskrivelse

Denne egenskapen setter posisjonen til en plasseringsenhet langs z-aksen, z-aksen defineres som en akse som strekker seg vertikalt til skjermområdet. Hvis det er et positivt tall, er det nærmere brukeren, og et negativt tall betyr at det er lengre fra brukeren.

Se også:

CSS læreplan:CSS posisjonering

HTML DOM referansehåndboken:zIndex-egenskapen

Eksempel

Sett z-index for bildet:

img
  {
  position:absolute;
  left:0px;
  top:0px;
  z-index:-1;
  }

Prøv det selv

CSS syntaks

z-index: auto|number|initial|inherit;

Egenskapsverdi

Verdi Beskrivelse
auto Standard. Stablingsekvensen er lik foreldreelementet.
number Sett elementets stablingsekvens.
inherit Det skal spesifiseres at z-index-egenskapen skal arves fra foreldreelementet.

Tekniske detaljer

Standardverdi: auto
Arv: nei
Versjon: CSS2
JavaScript syntaks: object.style.zIndex="1"

Flere eksempler

Z-index
Z-index kan brukes til å plassere et element etter et annet element.
Z-index
Elementet i det tidligere eksempelet har endret Z-index.

Nettleserstøtte

Tabellen viser det første nettleser-versionsnummer som fullt ut støtter denne egenskapen.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 3.0 1.0 4.0