页脚背景图像 - 整页宽度?

时间:2011-12-08 15:38:25

标签: css background-image

我有一个图像,我想用作我的页脚的背景图像。它是一种渐变图像,因此它将是白色的,图像将从其颜色渐变为白色。但它并不是一个可重复的图像。

如果我希望它始终跨越页面的整个宽度,这可能没有背景重复吗?或者,由于显示器尺寸不同,这是不可能的?

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

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

2 个答案:

答案 0 :(得分:0)

如果您习惯使用CSS3,可以使用

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

让图像覆盖屏幕。你要小心它至少是一个不错的分辨率。

答案 1 :(得分:0)

您可能会发现其中一篇文章很有启发性:

Full page background image

Resizeable background image