# Vill att bakgrunden ska vara "fast"
Author: CamillaS

Ja lite svår förklarat, men jag vill att bakrunden ska bestå av en bild som ska vara fast på sidan och när man scrollar ner i bloggen så ska enbart den röra sig.  
  
Som på denna, bakgrunden är still men bloggen rör sig när man scrollar neråt. [http://nellieberntsson.se/](http://nellieberntsson.se/ "http://nellieberntsson.se/")  
  
Så hur gör man det? Med vilken kod och vart sätter man in den?

## Comment 1
Author: [Borttaget]

Kolla in [denna länk](http://www.designadinblogg.se/fast-bakgrundsbild/) så får du hjälp. :)

## Comment 2
Author: Wand

Har för mig att det är samma kod som vanligt, men att man sätter in "repeat; no repeat" typ, är dock inte säker, det var ett tag sedan jag hade bakgrund på bloggen.

## Comment 3
Author: [Borttaget]

Det skall stå fixed nånstans men kolla länken så får du all information.

## Comment 4
Author: Jess89

repeat ska du inte använda dig av för att få "fast" bakgrundbild. Det avgör om du upprepar din bakgrundsbild eller inte. För att få fast bakgrund använder du dig av kodningen fixed;

## Comment 5
Author: MajaL

Hoppas det löser sig så det blir som du önskar. :)

## Comment 6
Author: CamillaS

Hmm jag fösökte med koden som fanns på bloggdesign men får det inte att fungera. ![Obestämd](http://bloggande.ifokus.se/js/lib/tiny_mce/plugins/emotions/img/smiley-undecided.gif "Obestämd")  
  
Såhär ser koden ut, vart ligger felet? Måste erkänna att jag kan typ noll om bloggdesign, men vill gärna lära mig.  
  
body{  
background-image: url(http://camillafotograf.blogg.se/images/2012/skrovlig17\_184467011.gif); <strong>  
background-repeat: </strong>no-repeat;  
<strong>background-position:</strong> center center; <strong>  
background-attachment:</strong> fixed;  
}

## Comment 7
Author: [Borttaget]

Varför har du en massa strong-taggar?

## Comment 8
Author: Jess89

Strong har du lagt till koden själv? Du ska nämligen inte lägga till någon kod som heter strong. Du ska enbart lägga till

background: url([http://camillafotograf.blogg.se/images/2012/skrovlig17\_184467011.gif](http://camillafotograf.blogg.se/images/2012/skrovlig17_184467011.gif));  
background: no-repeat;

## Comment 9
Author: [Borttaget]

#6 Din bild ser ju ut som en textur, då ska den ju alltså repeteras?

## Comment 10
Author: CamillaS

#7 Jag kopierade av koden från bloggdesign och där ser koden ut såhär:  
  

`body{` `background-image: url([http://adressen](http://adressen/) till din bild); <``strong``>` `background-repeat: </``strong``>no-repeat;` `<``strong``>background-position:</``strong``> center center; <``strong``>` `background-attachment:</``strong``> fixed;` `}`

#8 Nej, jag kopierade av den fråm bloggdesign.  
  
#9 Ok, som sagt så kan jag inte mycket om detta.

## Comment 11
Author: [Borttaget]

#9 Din bild är väldigt liten och ska alltså repeteras och bilda ett mönster. Då kan du inte sätta no-repeat på den. ![Glad](http://bloggande.ifokus.se/js/lib/tiny_mce/plugins/emotions/img/smiley-smile.gif "Glad")

## Comment 12
Author: CamillaS

#9 Ok.  
Men kan ingen visa hur koden exakt ska se ut? För att få det som jag vill med bakgrunden?

## Comment 13
Author: [Borttaget]

`body{`

`background-image: url([http://adressen](http://adressen/) till din bild);`

`background-repeat:` `no-repeat;`

`background-position:` `center center;`

`background-attachment:` `fixed;`

`}`

Testa detta.

## Comment 14
Author: CamillaS

Klistarde in din kod högst upp i dokumentet och klistrade in länken till bakgrunden men den vill inte synas. ![Obestämd](http://bloggande.ifokus.se/js/lib/tiny_mce/plugins/emotions/img/smiley-undecided.gif "Obestämd")  
Så vad gör jag för fel nu då?  
  
body{  
  
background-image: url(http://camillafotograf.blogg.se/images/2012/skrovlig17\_184518704.gif);  
  
background-repeat: no-repeat;  
  
background-position: center center;  
  
background-attachment: fixed;  
  
}