Seguro que alguna vez os habeis preguntado como algunas páginas web tienen una imagen de fondo que ocupa toda la pantalla y a la vez el fondo está fijo. Pues hoy os voy a dejar este sencillo código CSS para hacer esto mismo.

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

Funciona a partir de las versiones de los siguientes navegadores:

• Safari 3+
• Chrome
• IE 9+
• Opera 10+
• Firefox 3.6+

Podeis ver un ejemplo pinchando aquí