将背景图像叠加到网页上

Question

我想在y轴上向网页添加图片。这个图像需要重复，所以我认为背景图像效果最好。正如您所期望的那样，我无法告诉CSS页面有多高，尤其是对于WordPress的动态内容。

<div class="overlaid-image"></div>

<section class="green">Section content</section>
<section class="red">Section content</section>
<section class="blue">Section content</section>

我把小提琴放在一起帮助解释：http://jsfiddle.net/15wc2noe/

目前，除非我给DIV一个特定的高度，否则它不会在页面的整个长度上移动。

目标是让重复图像沿着页面的y轴向下到底，而不用硬编码高度。