---
title: "Backgrund i div"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/186092-backgrund-i-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Gimbo"
published: "2011-02-16T10:15:19.000Z"
updated: "2011-02-16T15:56:16.000Z"
replies: 5
views: 1348
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/186092-backgrund-i-div"
---

# Backgrund i div

## #1 — Gimbo, 2011-02-16T10:15Z

Hej,
Efter att jag är klar med designen på en webbsida så vill jag lägga till en backrund uppe i vänstra hörnet, kan jag göra det mha en div? Att det hamnar bakom alla element jag har på sidan dvs som en bakgrund uppe i vänstra hörnet? Anledningen till att jag vill ha det som en div är för att background i body taggen redan är upptagen med en bakgrun sommhar repeat-x 

Uppskattar all hjälp

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

## #2 — newseed, 2011-02-16T10:25Z

\<div style="position:absolute;top:0px;left:0px;z-index:-1;background:url(bakgrundsbild.jpg);"\>\</div\>

Detta borde göra susen. Skrivet från huvudet och inte testat. Storleken blir dock ditt problem här, antingen får du köra display:block och sätta width och height eller om det är en icke-repeterande bild kan du lägga den som en vanlig IMG inne i DIV-blocket.

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

## #3 — Gimbo, 2011-02-16T10:46Z

Det verkar inte fungera dyker inte upp någon bild? har dubbelkollat sökvägen jag lagt in oxå.

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

## #4 — Danne V, 2011-02-16T11:01Z

Du måste lägga in sökvägen från css-filen i exemplet du fick tidigare. Inte från själva html-filen.

Ett mer normalt sätt är att lägga in bilden som bakgrund direkt i body.

Har du en speciell stilmall:

```
body {
background:url(sökväg-från-stilmallen-bakgrundsbild.jpg); no-repeat top left;
}
```

..annars direkt i html-filen, mellan \<head\> och \</head\>:

```
<style type="text/css">
<!--
body {
background:url(sökväg-från-html-filen-bakgrundsbild.jpg); no-repeat top left;
}
-->
</style>
```

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

## #5 — newseed, 2011-02-16T11:58Z

Prova detta istället:

\<div style="position:absolute;top:0px;left:0px;z-index:-1;background:url(http://www.example.com/bakgrundsbild.jpg);display:block;width:100%;height:100%;"\>\</div\>

Du får som sagt anpassa storleken senare. Ovanstående kod kommer antagligen att trigga scrollbars på sidan även om du inte har mycket innehåll. Du får tweaka beroende på hur du vill att bilden ska visas (centrerad? repeterad? utsträckt?).

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

## #6 — Gimbo, 2011-02-16T15:56Z

Grymt, tack så mycke för hjälpen

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/186092-backgrund-i-div