在CSS中設置圖像作爲頁腳背景

Question

所以我正在尋找添加頁腳到我的頁面，但我希望它是一個背景圖像，根據顯示器分辨率自動調整大小，並使其100％寬度和高度，但永遠不會溢出到兩側，所以我不希望滾動條出現。圖像是.jpg。

希望得到一些輸入，什麼是去解決這個

Answer 1

使用下面的CSS

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

而且看到這個活example

Answer 2

要小心，如果你不」的最好方式重新調整頁腳的高度，這將拉伸圖像。

background-size會做的伎倆，但請注意，它不支持IE8和更舊的。只是爲了安全起見，這些瀏覽器，圖像可以被放置在中心（在水平50％和50％，這意味着垂直 - 當然，中心關鍵字也適用）

現場演示：http://dabblet.com/gist/2790711