CSS z-index-attribut

Definition och användning

Z-index-attributet anger elementets staplingssortering. Element med högre staplingssortering kommer alltid att vara framför element med lägre staplingssortering.

Kommentar:Element kan ha negativa z-index-värden.

Kommentar:Z-index fungerar endast på positionerade element (t.ex. position:absolute;)

Förklaring

Egenskapen anger en positionerad elements position längs z-axeln, där z-axeln definieras som en vertikal axel som sträcker sig till skärmen. Om det är ett positivt tal, är det närmare användaren, och om det är ett negativt tal, betyder det att det är längre bort från användaren.

Se också:

CSS LärCSS Positionering

HTML DOM Referenshandbok:zIndex-attributet

Exempel

Ställ in z-index för bilden:

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

Prova själv

CSS syntax

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

Attributvärde

Värde Beskrivning
auto Standard. Staplingssorteringen är densamma som föräldrelementet.
number Anger elementets staplingssortering.
inherit Specificerar att z-index-attributets värde bör härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: auto
Arvsförmåga: no
Version: CSS2
JavaScript syntax: object.style.zIndex="1"

Mer exempel

Z-index
Z-index kan användas för att placera en element efter ett annat.
Z-index
Elementet i föregående exempel har ändrat Z-index.

Webbläsarstöd

Talen i tabellen anger den första webbläsare som fullständigt stöder egenskapen.

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