我正在构建一个我不是 100% 确定如何执行的设计。这是一个非常粗略的例子。
本质上，我需要一个简单的背景纹理来水平重复到无穷大。最重要的是，在我的内容下方，我需要在背景中添加一些比包含divs我的内容更宽的口音。在我的示例中，我已经完成了这个div，唯一的目的是添加这个额外的背景图像......但这看起来很笨重。
有没有更好的方法来实现这一点？
编辑：我的白色页脚需要看起来伸展到屏幕的底部和两侧。
问问题
9107 次
2 回答
3
可以使用 CSS3。它得到了很好的支持，除了像往常一样在 IE 家族中它直到 IE9 才出现。
http://www.css3.info/preview/multiple-backgrounds/
除此之外，你这样做的方式是理想的。
于 2012-11-08T21:12:15.897 回答
1
几点评论：
当您尝试使维度继续“无限”时，通常会涉及计算（javascript），因为如果存在滚动条，则 100%不会覆盖整个屏幕。但是，使用图像时有一个巧妙的 css 技巧，它会自动为您拉伸它，background-size: cover;. 我已将此作为示例纳入小提琴中。我还用css为页脚添加了一些东西。由于没有可用的 javascript，此示例使用一个 div 整个屏幕的大小在较低的 z-index 值，以提供页脚背景颜色。为了使页脚突出，我用黑色背景和白色文本突出显示它。你可以进去把它们改成相反的（这是你想要的），但为了显示，我使用了更多的对比度，这样你就可以看到效果。
这是示例：http: //jsfiddle.net/cgRyH/2/
于 2012-11-08T21:38:14.337 回答