html - 重复背景图像直到 div 结束前的特定点

Question

我有一个带有重复背景图像的 div。无论 div 有多高，有什么方法可以让图像在 div 结束之前停止重复 100px？

不幸的是，div 的高度会因页面而异，因此我无法设置特定的高度或使用更大的图像来代替重复。

谢谢！

Answer 1

我认为不可能在某个点停止重复。您可以做的是将 div 下方的所有内容向下推 100px 并留有余量

div
{
    background-image:url("http://blog.lyris.com/wp-content/uploads/2012/08/Google-Logo.jpg");
    height:1000px;
    margin-bottom:100px;
}

http://jsfiddle.net/7RM2x/