我正在努力构建一个我不是100％确定如何执行的设计。这是一个非常粗略的例子。
基本上，我需要一个简单的背景纹理来水平重复到无穷大。最重要的是，在我的内容之下，我需要在背景中添加一些比保留我内容的divs宽一些的重音。在我的例子中，我用div完成了这个，其唯一目的是添加这个额外的背景图像......但这看起来很笨拙。
有没有更好的方法来实现这一目标？
编辑：我的白色页脚需要显示为伸展到屏幕的底部和两侧。
答案 0 :(得分：2)
可以使用CSS3。它得到了很好的支持，除了像往常一样，在IE系列中它没有出现，直到IE9。
http://www.css3.info/preview/multiple-backgrounds/
除此之外，你的方式是理想的。
答案 1 :(得分：0)
一些评论：
当您尝试维持“无限”的维度时，通常会涉及计算（javascript），因为如果存在滚动条，则100％将不覆盖整个屏幕。但是，使用图像时会有一个巧妙的css技巧，它将自动为您拉伸background-size: cover;。我把它作为一个例子并入小提琴中。我还用css为页脚添加了一些东西。由于没有可用的javascript，此示例使用较小z-index值的整个屏幕大小的div来提供页脚背景颜色。为了使页脚突出，我用黑色背景和文本的白色突出显示它。您可以进入并将其更改为反向（这是您想要的）但是为了显示我使用了更多对比度，因此您可以看到效果。