impostazione di uno sfondo come footer in CSS

Question

Quindi sto cercando di aggiungere un piè di pagina alla mia pagina, ma voglio che sia un'immagine di sfondo che viene automaticamente ridimensionata a seconda della risoluzione del monitor e averlo con un 100% larghezza e altezza, ma per non traboccare mai ai lati, quindi non voglio che le barre di scorrimento appaiano. L'immagine è .jpg.

apprezzerei alcuni input su ciò che è il modo migliore per andare in giro questo

Answer 1

Utilizza il seguente CSS

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

E vedere questo live example

Answer 2

Fate attenzione, se si don' t ridimensionare anche l'altezza del footer, che allungherà l'immagine.

background-size farà il trucco, ma si noti che non è supportato da IE8 e precedenti. Giusto per essere al sicuro per questi browser, l'immagine potrebbe essere posizionato al centro (che significa al 50% in orizzontale e 50% in verticale - naturalmente, la parola centrale funziona anche)

Demo online: http://dabblet.com/gist/2790711