<div>用于背景的元素？

Question

好的，I found this nice codepen我想用作我网站特定部分的背景。

但是，每个元素都是通过插入 div 元素来呈现的。

无论如何我可以做点什么，

<!-- everything down below is a background -->
<div class="bg">
</div>
<!-- Down below we have the real content being show -->
<div class="content">
<p>Content</p>
</div>

我尝试了什么：

写了一个新的css元素：

.background { z-index: -100; }

灾难性结果：

我的问题：

一旦我将整个事物包裹在一个新的div中，一切都会像你在上面看到的那样混乱。如何在不破坏设计的情况下将其作为背景？