css - 背景图像不重复

Question

我一直无法让我的背景垂直重复。CSS 代码

html {
    background-color: black;
}
body {
    margin: auto;
    width: 1000;
    background-image:url("../images/background.png");
    background-repeat:repeat-y;
}

我想不通。请帮忙！我试过不带引号，带引号，完整地址......我很难过

页面中有内容。http://www.hott-source.com

score 1 · Accepted Answer

1

你没有高度body，里面没有内容，所以你看不到repeat-y效果。

于 2013-08-14T07:16:08.943 回答

score 0 · Accepted Answer

至少将最小高度作为背景图像的高度。

 html {
        background-color: black;
    }
    body {
        margin: auto;
        width: 1000px;
        min-height:;//height of the image
        background:url("../images/background.png") repeat-y;
    }

score 0 · Accepted Answer

您正在重复 y，因此您需要为身体提供高度。或者尝试加载更多内容并检查..效果可能不可见，因为没有内容。

score 0 · Accepted Answer

如果您要提供任何背景图像，则应为此提供高度和宽度。

height:100%; or min-height:500px;
width: 1000px;

score 0 · Accepted Answer

0

您将需要添加一个至少与背景图像大小相同的高度。

于 2013-08-14T07:16:26.627 回答

score 0 · Accepted Answer

您的

#ContentPlacer { position: absolute; }

导致#PageWrapperandbody忽略您的大部分内容高度。

删除那个position: absolute;。

作为旁注：

您可能需要考虑删除<img src="banner.jpg">并将其作为背景图像放入#Banner. 然后，您可以通过将#Menu其放在#Banner元素内轻松地将菜单放置在其顶部。

css - 背景图像不重复

6 回答 6

Related

Reference