Heltäckande bakgrundsbild

ons, 10/08/2014 - 15:46

Jag ville ha en heltäckande och skalbar bakgrundsbild till min hemsida och det var lätt att fixa på det här sättet.

  1. Hitta en bra bakgrundsbild. Bilden jag använder är 1050 * 788 pixlar.
  2. Ladda upp bilden till din hemsidesmapp.
  3. Lägg in följande CSS-kod i din stilmall:

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Verkar fungera bra i de flesta webbläsare men ser inte helt optimalt ut i min Iphone. Så det får jag klura vidare på.

Jag hittade koden på CSS-tricks hemsida och där fanns även några andra alternativa metoder.

Kategorier