背景图像与重复-y不能覆盖整个高度

Question

我有以下HTML:一个侧边栏的颜色全高和左侧的页面外的颜色，所以我有一个图像，以覆盖页面的左侧和去全高，但在chrome它没有覆盖整个页面的高度重复-y；

我的css：(在chrome中不起作用)

body {
    background: #000 url(../images/bar_bg.jpg) repeat-y;
}

#container {
    height: 100%;
}

我想要实现这一点：

​

有没有别的方法可以不用图片或者用CSS3呢？

Answer 1

您的html和正文没有覆盖整个视区，请使用...

html, body {
  height: 100%;
}

Answer 2

我必须对代码做一些工作，但这听起来像是需要将页边距高度设置为零。

Answer 3

已解决

html, body{
min-height:100%;
height:auto;
}