我有一张图片想用作页脚的背景图片。它是一种渐变图像,所以它是白色的,图像将从它的颜色逐渐变为白色。不过,这并不是真正可重复的图像。
如果我希望它始终跨越页面的整个宽度,是否可以在没有背景重复的情况下实现?或者,由于显示器尺寸不同,这将是不可能的吗?
我想要的背景图片应该只在页面的页脚。就像粘性页脚一样,它应该始终粘在底部,内容会根据需要将其向下推。它的高度约为 400 像素。
它仍然可以是背景(位于底部中心),但它不能占据整个高度,只能占据宽度。并且需要能够下推(不是固定的)
最佳答案
如果你习惯使用 CSS3,你可以使用
background: #fff url(image.jpg) center center fixed no-repeat;
background-size:cover;
让图像覆盖屏幕。不过,您需要小心,这至少是一个不错的分辨率。
关于css - 页脚背景图像 - 整个页面宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8433506/