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

Question

我有以下HTML：一个颜色全高的侧边栏，一个颜色的页面左侧，所以我有一个图像覆盖页面的左侧，并达到完整的高度，但在铬它没有用repeat-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

我必须对代码进行一些工作，但这听起来像margin-height需要设置为零。

Answer 3

解决了

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