---
title: "problem med z-index hjälp tack"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/185468-problem-med-z-index-hjälp-tack"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Mycodez"
published: "2010-12-07T16:23:49.000Z"
updated: "2010-12-17T17:48:14.000Z"
replies: 6
views: 661
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/185468-problem-med-z-index-hjälp-tack"
---

# problem med z-index hjälp tack

## #1 — Mycodez, 2010-12-07T16:23Z

Tjena 
Jag håller på med att bygga en snygg meny då har jag så det ser ut som ligger över lappar varandra men sen när man över hovar över så ska bilden så ska den bilden som man hovar på komma över alla andra bilder fast på samma plats men vad har jag gjort för fel?? 

när man inte hovar över så det ut såhär:
![norma.png](https://www.webforum.nu/a/22258.png)
när man hovar över ser det ut så ser det ut :
![hover.png](https://www.webforum.nu/a/22259.png)
men alltså den bilden som ligger till höger ligger fortfarande över den menybilden till vänster det ska det inte göra kan ni hjälpa mig med detta

css-koden till alla 4 olika knappar ser ut så hära

```
@charset "utf-8";
/* CSS Document */

.knapp {
	background-image:url(../images/vit.png);
	float: left;
	height: 24px;
	width:180px;
	margin-left:15px;
	padding-top:20px;
	text-align:center;
	z-index:auto;
	}
.knapp:hover {
	background:url(../images/vit-hover.png);
	float: left;
	height: 24px;
	width:180px;
	margin-left:15px;
	padding-top:20px;
	text-align:center;
	z-index:1;
	}

.knapp-2 {
	background:url(../images/vit.png);
	width:180px;
	height:24px;
	float:left;
	margin-left:-50px;
	text-align:center;
	padding-top:20px;
	z-index:auto;
	}
	
.knapp-2:hover {
	background:url(../images/vit-hover.png);
	width:180px;
	height:24px;
	float:left;
	margin-left:-50px;
	text-align:center;
	padding-top:20px;
	z-index:1;
}
.knapp-3 {
	background:url(../images/vit.png);
	width:180px;
	height:24px;
	float:left;
	margin-left:-50px;
	text-align:center;
	padding-top:20px;
   	z-index:auto;
	}
	
.knapp-3:hover {
	background:url(../images/vit-hover.png);
	width:180px;
	height:24px;
	float:left;
	margin-left:-50px;
	text-align:center;
	padding-top:20px;
	z-index:1;	
	}
.knapp-4 {
	background-image:url(../images/rod-11.png);
	float: left;
	height: 24px;
	width: 180px;
	padding-top:20px;
	text-align:center;	
	margin-left:-50px;
	z-index:auto;
}

.knapp-4:hover{
	background:url(../images/rod-hoverr.png);
	float: left;
	height: 24px;
	width: 180px;
	z-index:1;
	margin-left:-50px;
	padding-top:20px;
	text-align:center;
	}
```

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

## #2 — Danne V, 2010-12-07T17:20Z

Såvitt jag vet så ordnas containers (eller vad det nu är för element du använder) efter z-index när sidan laddas. När den väl gjort det, så kan inte ordningen ändras (såvida du inte tar till nåt finurligt knep med ajax eller nåt - om det ens går då). 

Om jag har rätt i mitt antagande så är din idé således dödfödd från början, tyvärr.

(F.ö. tycker jag inte du ska lägga särskilt mycket krut på en meny. Den är faktiskt ointressant och det räcker med att den funkar. För 10 år sen höll man ofta på så innihelvete med att skapa "coola" menyer, men insåg så småningom hur korkat det var. Det är webbplatsens innehåll som man ska jobba med. Följaktligen har många mycket framgångsrika webbplatser numer bara vanliga länkar i sina menyer. Det fungerar alldeles utmärkt!)

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

## #3 — Buddaz, 2010-12-07T17:53Z

<http://www.w3schools.com/Css/pr_pos_z-index.asp>
<http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/> intressant läsning om z index

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

## #4 — Buddaz, 2010-12-07T17:54Z

Du måste ange position för att z index skall funka
sägs det på alla sidor som jag kollad lite snabbt efter google sökning. Tag sen jag jobbade med css

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

## #5 — Danne V, 2010-12-07T19:20Z

> **[Buddaz skrev:](https://www.webforum.nu/p/1524754)**
>
> Tag sen jag jobbade med css

 :OO :OO :e :e

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

## #6 — Mycodez, 2010-12-17T17:38Z

Jag har lyckas lösa detta nu :)

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

## #7 — Danne V, 2010-12-17T17:48Z

> **[Mycodez skrev:](https://www.webforum.nu/p/1525560)**
>
> Jag har lyckas lösa detta nu :)

Om du kan så vore det ju bussigt om du kunde beskriva hur du löste det. Då kan folk med samma problem kanske få hjälp.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/185468-problem-med-z-index-hjälp-tack