css - 页脚背景图像 - 整个页面宽度？

Question

我有一张图片想用作页脚的背景图片。它是一种渐变图像，所以它是白色的，图像将从它的颜色逐渐变为白色。不过，这并不是真正可重复的图像。

如果我希望它始终跨越页面的整个宽度，是否可以在没有背景重复的情况下实现？或者，由于显示器尺寸不同，这将是不可能的吗？

我想要的背景图片应该只在页面的页脚。就像粘性页脚一样，它应该始终粘在底部，内容会根据需要将其向下推。它的高度约为 400 像素。

它仍然可以是背景(位于底部中心)，但它不能占据整个高度，只能占据宽度。并且需要能够下推(不是固定的)

Answer 1

如果你习惯使用 CSS3，你可以使用

background: #fff url(image.jpg) center center fixed no-repeat;
background-size:cover;

让图像覆盖屏幕。不过，您需要小心，这至少是一个不错的分辨率。