---
title: "Hur funkar z-index?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/155000-hur-funkar-z-index"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "DanneSt"
published: "2006-12-18T22:12:42.000Z"
updated: "2006-12-19T07:18:39.000Z"
replies: 5
views: 684
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/155000-hur-funkar-z-index"
---

# Hur funkar z-index?

## #1 — DanneSt, 2006-12-18T22:12Z

Jag har länge funderat på vad z-index är och hur det funkar. Hör sökt på forumet och sett att några fler har frågat men ingen har svarat.

Jag gissar vilt på att det har med "höjd-skillnad" för att kunna lägga olika lager/divvar på varann...?

Kan nån ge en kortfattad förklaring?
Tack på förhand!    :)

Permalänk: https://www.webforum.nu/p/155000

## #2 — soopafly, 2006-12-18T22:24Z

x-index = horisontellt
y-index = vertikalt
z-index = djup

Ju högre z-index ett element har, desto närmare skärmen är det. 

```
#foo {
z-index: 5
}

#bar {
z-index: 8
}
```

Om de överlappar varandra kommer bar synas.

Permalänk: https://www.webforum.nu/p/1911163

## #3 — zcorpan, 2006-12-18T22:46Z

...men endast om båda är "positionerade".

Permalänk: https://www.webforum.nu/p/1911176

## #4 — DanneSt, 2006-12-18T22:56Z

Ok, så jag var inte helt fel ute alltså?

Blir bägge synliga om man inte har nån bild eller bakgrundsfärg?

Permalänk: https://www.webforum.nu/p/1911178

## #5 — zcorpan, 2006-12-18T23:37Z

Ja, men det är fortfarande en av dem som är "framför".

Om båda är opositionerade är den som kommer sist i källkoden framför.

Om bara en av dem är positionerad är den framför.

Om båda är positionerade är den med högst z-index framför. Har de samma z-index kommer den sista framför.

Ett positionerat element skapar sin egen z-index-kontext (tex dess barn kan inte komma bakom föräldern eller förälderns syskon som är bakom föräldern, även om de har högre z-index än barnet, och vice versa).

Att ett element är *positionerat* betyder att det beräknade värdet av 'position' nånting annat än static.

Permalänk: https://www.webforum.nu/p/1911189

## #6 — DanneSt, 2006-12-19T07:18Z

Ah, jag förstår!

Tack bägge två för den lilla "duvningen"!  :-)

Permalänk: https://www.webforum.nu/p/1911228

---

Tråden på webben: https://www.webforum.nu/amne/html-css/155000-hur-funkar-z-index