一个背景图像，多个 div

Question

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

一个 div 容器将具有以下背景图片：

在图片上方，会有类似 div 的 tile：

我的目标是使背景图像仅对图块可见，其余部分隐藏：

非常感谢任何帮助，谢谢！

Answer 1

使用 background-attachment 属性，如下面的小提琴：

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

每个图像块得到以下内容：

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

编辑：在行而不是容器上设置边距

Answer 2

抱歉这样回复，我没有足够的声誉在其他 cmets 中添加评论，但在之前的答案中添加了一些内容：

可以使用以下方法修复移动的图像：

background-size: cover;

但请记住，旧浏览器不支持 cover 属性。 http://caniuse.com/#search=background-size

因此，如果您想跨旧浏览器兼容，我建议您尝试使用 javascript 并使用元素的宽度和高度进行一些数学运算，以调整背景图像的位置。