在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