所以我想在我的页面上添加一个页脚,但我希望它是一个背景图像,它会根据显示器分辨率自动调整大小,并使其具有 100% 的宽度和高度,但永远不会溢出到两侧,所以我不希望出现滚动条。图片为.jpg。
希望能提供一些关于解决此问题的最佳方法的意见
使用以下 CSS
div {
width: 100%;
height: 400px;
background-image: url(your-path-here.jpg);
background-size: 100% 100%;
}
看看这个活生生的例子
请注意,如果您不调整页脚的高度,则会拉伸图像。
background-size
可以解决问题,但请注意,IE8 和更早版本不支持它。为了这些浏览器的安全起见,图像可以位于中心(这意味着水平 50% 和垂直 50% - 当然, center 关键字也可以)