一張背景圖片，多個 Div

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;

編輯：在行上設置邊距而不是容器

Answer 2

抱歉這樣回復，我沒有足夠的聲譽在其他評論中添加評論，但對之前的答案做了一些補充：

可以使用以下方法修復移動的圖像：

background-size: cover;

但請記住，舊瀏覽器不支持cover屬性。 http://caniuse.com/#search=background-size

因此，如果您想要跨舊瀏覽器兼容性，我建議您嘗試使用 javascript 並使用元素的寬度和高度進行一些數學運算來調整背景圖像位置。