CSS：在顶部而不是底部重复溢出背景

Question

有没有办法让重复的背景“开始”固定在div的底部并在顶部溢出？ （另一种方式是违约）

显示我想要完成的小例子。下图中的红线是几个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