Esta es una propiedad CSS3 que aún no está finalizada, puedes seguir su progreso por la W3C. La propiedad background-size te permite ajustar el fondo, estirarlo hasta donde deseemos, por lo que se puede llamar también background stretch.
Podemos usarla, aunque únicamente determinadas versiones de navegadores son soportadas hasta ahora. Sería:
- -moz-background-size (Firefox 3.6)
- -o-background-size en (Opera 9.5)
- -webkit-background-size (Safari, Google Chrome)
- -khtml-background-size (Konqueror 3.5.4)
Admite valores de ancho y alto tanto en píxeles como en porcentajes. Los valores, obviamente, pueden ser cambiados a los que deseemos.
Ejemplo
Un ejemplo muy sencillo sería este (debajo el código):
div#bgsize { width: 100%; background: url(https://www.misitio.es/imagenes/imagen.gif) no-repeat; background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; -khtml-background-size: 100%; }
Puedes ver más ejemplos como este en esta dirección externa.