应用多个重叠的背景图像

Question

我正在构建一个我不确定100％如何执行的设计。这是一个非常粗糙的例子。

本质上，我需要一个简单的背景纹理才能水平重复到无穷大。最重要的是，在我的内容下方，我需要在背景中添加一些比起divs我的内容要宽一些的强调。在我的示例中，我使用来完成此操作，其div唯一目的是添加此额外的背景图片...但这似乎很笨拙。

有没有更好的方法可以做到这一点？

编辑：我的白色页脚需要显示为延伸到屏幕的底部和两侧。

Answer 1

使用 CSS3 是可以的。它得到了很好的支持，除了像往常一样，它在 IE 系列中直到 IE9 才出现。

除此之外，你这样做的方式是理想的。