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