Question

如果你滚动到这个页面的底部 - http://dev.socialadr.com/get/begin06 - 你会看到白色背景带有阴影在结尾附近停止。

这是我想要垂直重复的图像文件： http://dev.socialadr.com/mod/theme_simplebluewhite/graphics/theme_contentback.gif

正在使用的CSS文件是： http://dev.socialadr.com/_css/css.php

我相信这是需要修改的#page_wrapper id：

#page_wrapper {
    width:1014px;
    margin:0 auto;
    padding:0;
    min-height: 300px;
    background: url(http://dev.socialadr.com/mod/theme_simplebluewhite/graphics/theme_contentback.gif) repeat-y center top;
    height:100%;
}

我已经尝试了很多不同的东西，阅读了一些关于类似问题的其他StackOverflow帖子，但对于我的生活，我无法让它工作。

有什么想法吗？

谢谢！凯恩

Answer 1

尝试在网址周围加上引号：

background: url('http://dev.socialadr.com/mod/theme_simplebluewhite/graphics/theme_contentback.gif') repeat-y center top;

Answer 2

您的实时CSS不包含粘贴代码中给出的repeat-y属性。

此外，您的图像文件非常大。由于图像是平铺的，因此图像高度应该是一个平铺的高度。

您还应该将图像分成两部分，并将它们设置为两个不同元素的背景。平铺当前图像将包括带有角落的框的顶部，这不是您想要的。将仅角图像设置为一个元素上的背景，然后将另一个元素上的图块图像设置为repeat-y。

背景图像不垂直重复

2 个答案: