背景图片重复页面的全高?

时间:2011-05-17 11:27:18

标签: html css

如何让背景图像重复整个页面?

我已经在身体上应用了一个重复的背景图像,但默认情况下它只向下延伸到页面的内容。

如果我将body和html设置为高度100%,带有0边距和填充,则背景重复整个高度但现在显示滚动条。我可以通过溢出来解决这个问题:隐藏;设置为正文,但我担心这个交叉设备的无意识的简洁等等。

谢谢

1 个答案:

答案 0 :(得分:0)

您是否尝试过使用溢出自动?

http://jsfiddle.net/easwee/hJsnW/4/

html, body {margin:0;padding:0;height:100%;background:url(http://jsfiddle.net/img/top-bg.png) repeat-y 0 0;overflow:auto;}