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

Question

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

希望能提供一些关于解决此问题的最佳方法的意见

score 13 · Accepted Answer

使用以下 CSS

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

看看这个活生生的例子

score 1 · Accepted Answer

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

background-size可以解决问题，但请注意，IE8 和更早版本不支持它。为了这些浏览器的安全起见，图像可以位于中心（这意味着水平 50% 和垂直 50% - 当然， center 关键字也可以）

2 回答 2