Javascript 一个背景图像，多个div

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

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

在图像的顶部，将出现类似平铺的div：

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

---

非常感谢您的帮助，谢谢

使用背景附件属性，如下所示：

每个图像块都会获得以下内容：

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

---

编辑：是在第行设置边距，而不是conatiner，很抱歉这样回答，我没有足够的声誉在其他评论中添加评论，但对前面的回答做了一些补充：

可以使用以下方法固定移动的图像：

background-size: cover;

但是请记住，

cover

属性在旧浏览器中不受支持。

---

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

我喜欢当人们努力避免使用时，他们会做10倍的工作来获得一张桌子。瓷砖会响应，因此瓷砖会重新成形，背景是静态的。这就是为什么瓷砖显示一个一致的图像。我想这回答了你的问题[[1]：太棒了。我试图将OP指向背景剪辑，但无法使其工作：请注意，背景图像将显示为“移位”根据容器离窗口左上角的距离：是的，这是为了显示如何使用该属性来获得所需的效果，而不是完整的解决方案。