configurando una imagen como fondo de pie de página en CSS

Question

Así que estoy buscando agregar un pie de página a mi página, pero quiero que sea una imagen de fondo que cambia automáticamente de tamaño según la resolución del monitor y tenerlo con un 100% ancho y alto, pero nunca desbordar a los lados, por lo que no quiero que aparezcan las barras de desplazamiento. La imagen es .jpg.

apreciarían alguna entrada sobre lo que es el mejor camino a seguir en torno a este

Answer 1

Utilice el siguiente CSS

​div { 
    width: 100%; 
    height: 400px; 
    background-image: url(your-path-here.jpg); 
    background-size: 100% 100%; 
}​ 

Y ver esto en vivo example

Answer 2

tener cuidado, si no' También puede cambiar el tamaño de la altura del pie de página, lo que alargará la imagen.

background-size hará el truco, pero tenga en cuenta que no es compatible con IE8 y anteriores. Sólo para estar en el lado seguro para estos navegadores, la imagen podría ser colocado en el centro (que significa al 50% horizontal y 50% vertical - por supuesto, la palabra clave centro también funciona)

Demostración en directo: http://dabblet.com/gist/2790711