Full screen backgrounds met CSS

Via deze simpele truc kan je een afbeelding over het volledige scherm als achtergrond gebruiken.

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;
 }

Werkt op:

  • Safari 3+
  • Chrome, alle versies
  • IE 9+
  • Opera 10+
  • Firefox 3.6+