html - 应用多个重叠的背景图像

标签 html css

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

http://jsfiddle.net/cgRyH/1/

本质上,我需要一个简单的背景纹理来水平重复无限远。最重要的是,在我的内容下方,我需要向背景添加一些重音,这些重音比容纳我的内容的 divs 宽一点。在我的示例中,我使用 div 完成了此操作,其唯一目的是添加这个额外的背景图像……但这看起来很笨拙。

有没有更好的方法来完成这个?

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

最佳答案

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

http://www.css3.info/preview/multiple-backgrounds/

除此之外,您的操作方式非常理想。

关于html - 应用多个重叠的背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13297845/

相关文章:

javascript - 创建自动滑动div的水平列表

html - 如何让特定图像在特定屏幕尺寸下显示?

php - 如何使用 bootstrap css 表显示 MySQL 表中的数据?

php - HTML5 Server-Sent Events onerror 每 3 秒出现一次

javascript - 从用户输入中获取 JS 对象数据

javascript - 如何使用 jQuery 停止动画

HTML 和 CSS : Image Menu Linking

javascript - 用不同的延迟淡化两个图像

javascript - html、javascript、php 和 MySQL 的问题

javascript - 下拉菜单因引用而不起作用