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

Question

我有以下的HTML：一个颜色全高的边栏，一个颜色页面的左侧，所以我有一个图像来覆盖左侧页面并达到完整的高度，但是在chrome中，它不覆盖页面的整个高度，使用repeat-y;

我的CSS：（铬不工作）

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

#container { 
    height: 100%; 
} 

我要实现这一点：

是否有另一种方式来做到这一点没有图像或CSS3可能？

Answer 1

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

Answer 2

你的HTML和身体是无法覆盖整个视口，使用...

html, body { 
    height: 100%; 
} 

Answer 3

解决了

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