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

Question

I have the following HTML: A sidebar with a color full height an left side outside of the page of a color, so i have an image to cover the left side of the page and goes to the full height, but in chrome it doesnt cover the full height of the page with repeat-y;

my css: (doesnt work in chrome)

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

#container {
    height: 100%;
}

I want to achieve this:

Is there is another way to do it without images or with CSS3 maybe?

Answer 1

Your html and body are not covering the entire viewport, use...

html, body {
  height: 100%;
}

Answer 2

我不得不对代码做一些工作，但这听起来像margin-height需要设置为零。

Answer 3

solved with

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