---
title: "Hur visa hela bakgrundsbilden med css?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/189172-hur-visa-hela-bakgrundsbilden-med-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Dr-man"
published: "2012-02-21T11:13:04.000Z"
updated: "2012-03-12T22:35:03.000Z"
replies: 4
views: 1023
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/189172-hur-visa-hela-bakgrundsbilden-med-css"
---
# Hur visa hela bakgrundsbilden med css?
## #1 — Dr-man, 2012-02-21T11:13Z
Hur visar man med hjälp av css hela bakgrundsbilden på en websida?
Permalänk: https://www.webforum.nu/p/189172
## #2 — Danne V, 2012-02-21T11:39Z
Menar du att hela bilden ska visas oavsett hur stort webbläsarfönstret råkar vara?
Tror inte det går om du har den bakgrundsbild. Däremot funkar det om du lägger en container "under" hela webbplatsen och placerar bilden i den.
Ungefär så här:
```
Sidans innehåll
```
och i stilmallen lägger in detta:
```
#bakgrundsbild {
position:absolute;
z-index:-100;
top:0;
left:0;
width:100%;
}
#bakgrundsbild img {
width:100%;
}
```
...ungefär....
Permalänk: https://www.webforum.nu/p/2296106
## #3 — Palle, 2012-02-22T20:52Z
Det finns en enkel lösning som i dagsläget bara fungerar i webbläsare som har stöd för CSS3, dvs nyare webbläsare.
Om det är ett alternativ som passar dig så kan du lägga till detta i din stimall:
```
html {
background: url(din-bakgrundsbild.png) no-repeat 50% 50% fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
```
Permalänk: https://www.webforum.nu/p/2296167
## #4 — Dr-man, 2012-02-26T11:11Z
> **[Palle skrev:](https://www.webforum.nu/p/1547911)**
>
> Det finns en enkel lösning som i dagsläget bara fungerar i webbläsare som har stöd för CSS3, dvs nyare webbläsare.
>
> Om det är ett alternativ som passar dig så kan du lägga till detta i din stimall:
>
>
>
> ```
> html {
> background: url(din-bakgrundsbild.png) no-repeat 50% 50% fixed;
> -webkit-background-size: cover;
> -moz-background-size: cover;
> -o-background-size: cover;
> background-size: cover;
> }
> ```
Även IE 9.0 klarar att hantera detta?
Permalänk: https://www.webforum.nu/p/2296297
## #5 — Palle, 2012-03-12T22:35Z
> **[Dr-man skrev:](https://www.webforum.nu/p/1548067)**
>
> Även IE 9.0 klarar att hantera detta?
Ja, IE9 har en del stöd för CSS3 implementerat, b.la *background-size*.
Permalänk: https://www.webforum.nu/p/2296743
---
Tråden på webben: https://www.webforum.nu/amne/html-css/189172-hur-visa-hela-bakgrundsbilden-med-css
