Html 在CSS中将图像设置为页脚背景

所以我想在我的页面上添加一个页脚，但我希望它是一个背景图像，根据显示器的分辨率自动调整大小，并具有100%的宽度和高度，但永远不会溢出到侧面，所以我不希望出现滚动条。图像是.jpg

如果您能提供一些关于解决此问题的最佳方法的信息，请使用以下CSS

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

---

观看此实况

注意，如果不调整页脚高度，则会拉伸图像

background size

可以做到这一点，但请注意，IE8及更早版本不支持它。为了安全起见，这些浏览器可以将图像放在中间（这意味着水平方向50%，垂直方向50%——当然，中心关键字也可以）

---

实时演示：

图像不再托管