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

Answer 1

body没有高度，其中没有内容，因此您无法看到repeat-y生效。

Answer 2

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

Answer 3

你正在重复y所以你需要给身体高度。或尝试加载更多内容并检查..效果可能不是可见的bcoz没有内容。

Answer 4

如果你要提供任何背景图像，你应该给出它的高度和宽度。

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

Answer 5

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

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

Answer 6

您

#ContentPlacer { position: absolute; }

导致#PageWrapper和body忽略大部分内容高度。

删除position: absolute;。

作为旁注：

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

背景图像不重复

6 个答案: