一个背景图像,多个分区

Question

我将用一系列图片解释我的问题.

div容器将具有以下背景图像:

在图像的顶部,会有像div一样的平铺:

我的目标是使背景图像仅对瓷砖可见,其余部分隐藏:

非常感谢任何帮助,谢谢!

Answer 1

使用background-attachment属性,如下面的小提琴:

http://jsfiddle.net/1ovd3cnk/1/

每个图像块获得以下内容:

background-image: url(http://i.stack.imgur.com/fOV15.png);
background-attachment: fixed;

编辑:在行上设置边距而不是conatiner