CSS：重複背景，而不是底部溢出頂部

Question

有沒有辦法讓重複背景'開始'固定在底部的底部和溢出頂部？ （另一種方式比默認）

小示例，以顯示我正在嘗試完成。下圖中的紅線是幾個div之間的（水平）邊界。中間的div用作上下之間的過渡，並帶有一個不重複的圖像。較低的div的背景由帶有紙孔的重複較深的圖像組成，導致紙張邊界看到下方。

現在上部div（具有相當大的內容）應該有一個重複的背景圖像，從底部開始並向上重複。這用於維持孔之間的正確距離比，而不是在「紙邊框」中以較小距離或甚至部分孔結束。

最好應當與method 4 of equal height columns兼容，但我看不出有問題存在。

Answer 1

只要確保您將background-position: right bottom;設置爲頂部div，並且背景圖像應該從底部開始並且「溢出」頂部。

實例中的簡寫：

.my-div { 
    background:#fff url(my-bg.png) right bottom repeat; 
} 

的情況下，有一定的參考您想進一步探索這個：
http://reference.sitepoint.com/css/background-position