Bueno, ya que esta parte del foro (CSS) anda medio abandonada, les traigo algo realmente muy útil, lo que haremos será ajustar una imagen de fondo a la resolución de la pantalla sin necesidad de crear enormes y pesadas imágenes.
Acá el código:
body{
background: url(imagen.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Creo que no hay mucho que explicar...
Lo único que hacemos es dar el atributo background-size según los navegadores, acá una lista de:
-moz-background-size (Firefox 3.6)
-o-background-size (Opera 9.5)
-webkit-background-size (Safari, Google Chrome)
La propiedad
“background-size: cover” nos permite aumentar el tamaño de la imagen de fondo, en lugar de que nos muestre la imagen varias veces.
Y la parte del
"background: url(imagen.png) no-repeat center center fixed;"Le indicamos que el fondo no se repetirá, y se posicionara al centro de nuestra pagina web de forma fija.
Demo...
