css - 带有 repeat-y 的背景图像不覆盖整个高度

Question

我有以下 HTML：带有颜色全高的侧边栏在颜色页面的左侧之外，所以我有一个图像来覆盖页面的左侧并达到全高，但在 chrome 中它不覆盖带有repeat-y的页面的全高；

我的 CSS：（在 chrome 中不起作用）

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

#container {
    height: 100%;
}

我想实现这一点：在此处输入图像描述

是否有另一种方法可以在没有图像或使用 CSS3 的情况下做到这一点？

score 2 · Accepted Answer

2

您的 html 和 body 没有覆盖整个视口，请使用...

html, body {
  height: 100%;
}

于 2012-08-26T03:36:21.603 回答

score 0 · Accepted Answer

0

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

于 2012-08-26T03:25:29.227 回答

score 0 · Accepted Answer

0

解决了

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

于 2012-08-26T16:44:24.010 回答

3 回答 3