---
title: "Bakgrundsbild på bakgrundsbild?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/161278-bakgrundsbild-på-bakgrundsbild"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "web00132"
published: "2007-06-10T14:53:48.000Z"
updated: "2007-06-10T15:16:28.000Z"
replies: 1
views: 256
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/161278-bakgrundsbild-på-bakgrundsbild"
---

# Bakgrundsbild på bakgrundsbild?

## #1 — web00132, 2007-06-10T14:53Z

Ungefär så här:

```
#header {
	background-image: url("images/header.jpg");
	height: 100px;
}

#menu {
	margin: 70px 0px 0px 300px;
}
		#menu ul {
			list-style-type: none;
		}
		#menu li {
			float: left;
			display: block;
			width: 69px;
			height: 20px;
			margin: 0px 0px 0px 0px;
			background-image: url("images/menubg.gif");
		}
```

 Jag får det inte att funka, finns det nåt bra sätt att lösa det på? Jag vill alltså ha en bakgrundsbild ("header") med en meny ovanpå som använder sig av små bakgrundsbilder samt text ovanpå dessa. Bakgrundsbild -\> bakgrundsbild -\> text. Tack!   :)

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

## #2 — web00132, 2007-06-10T15:16Z

Äsch, då. Jag är bara lite slarvig, det funkar ju alldeles utmärkt med nåt sånt här:

```
#header {
	background-image: url("images/header.jpg");
	height: 106px;
	width: 752px;
}

#header a {
	display: block;
	border: 0px;
}
		#header ul {
			list-style-type: none;
			display: block;
		}
		#header li {
			float: left;
			width: 69px;
			height: 20px;
			margin: 50px 0px 0px 0px;
			background-image: url("images/menubg.gif");
		}
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/161278-bakgrundsbild-på-bakgrundsbild