不垂直重复的背景图片

如果您滚动到此页面的底部 - 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的帖子关于类似的问题，但对于我的生活我不能g等它工作。

任何想法？

谢谢！凯恩

来源

2011-10-09 Kane

如果您使用单独的背景重复属性，会发生什么情况？ – bricker

@bricker - 刚试过，似乎没有帮助。 :( – Kane

我认为这是网址缺失的引号，请参阅下面的答案，如果没有引号，语法就会混乱，并且不会识别网址后面的任何内容，直到结束大括号。 – bricker

试着将引号的网址：

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

来源

2011-10-09 06:27:49 bricker

试过了，没有帮助 – Kane

The页面引用了http://socialadr.com/_css/css.php，但是您正在编辑http://dev.socialadr.com/_css/css.php。当我访问第一个链接时，您的更改都不存在并且实际上它说“不重复” – bricker

Doh！是的，我很傻...谢谢！ – Kane

你活CSS不包括粘贴的代码中给出的重复y属性。

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

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

来源

2011-10-09 06:33:04 knite

好点，我不得不清除缓存，现在http://dev.socialadr.com/_css/css .php显示更新过的#page_wrapper。 – Kane

关于分解图像的第二个建议稍微超出了我的技能范围;） – Kane

他是对的。 [这就是它的样子]（http://i.imgur.com/M918i.png）。 – bricker

不垂直重复的背景图片

回答

相关问题