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+