我目前有一个网站使用以页面为中心的双色背景图片。在背景的顶部，我还有一个div，也是如此，因此我内容左右两侧的背景是不同的。
然而，在内容比屏幕长度短的几页上，它留下了一条丑陋的条纹，背景是可见的，因为内容没有伸展到底部。
---------------------------------------
| | | |
| | | |
| | Content | |
| | | |
| |__________________| |
| ugly bg | |
| stripe ----> | |
|________________|____________________|
我确定这是解决这个问题的一种方法，不需要我重写整个网站，但我现在无法搞清楚。
我的背景位置设置为居中重复y，所以我不能将它偏移到我div的固定宽度的1/2。
基本上我需要弄清楚如何将我的内容扩展到底部，或者将我的背景滑动到内容的末尾。
有什么想法吗？
答案 0 :(得分：4)
如果您的内容区域是固定宽度的，那么解决此问题的最简洁方法是从不同的角度查看它，并将内容区域的背景颜色引入到主体的背景图像中。
关于A List Apart上的faux columns的文章有一个类似的技巧。