2011-05-17 84 views
0

我怎样才能有一个背景图片重复页面的全长?背景图片重复页面的整个高度?

我将重复的背景图像应用于身体,但默认情况下它只向下延伸至页面的内容。

如果我将body和html设置为高度为100%,边距和填充为0,那么背景重复整个高度,但现在出现滚动条。我可以用overflow来解决这个问题:hidden;于躯干,但即时通讯担心这个跨设备的意外简洁等

感谢

回答

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;} 
+0

作品!虽然我不明白为什么。谢谢 – Evans 2011-05-17 11:39:00

+0

区别只在于,如果你使用overflow:隐藏它会剪掉超出浏览器高度的内容 - 如果你使用auto,只有在需要时才会显示滚动条。 – easwee 2011-05-17 11:45:07

+0

太好了。如果方法导致了任何问题,我会在最后回复浏览器和设备测试。谢谢 – Evans 2011-05-17 11:51:01