CSS动画是否覆盖现有项目？

我已经为我的网站制作了一个主题（未公开），其中涉及CSS3动画。正在下雪。很可爱。但是，我希望它显示在我现有的项目上。我试过玩z-index，但它似乎不起作用。该页面临时托管在：

我不确定这是否可以做到，但我认为（可能是错误的）

TL；DR：需要雪出现在文本和其他项目上。如何进行？

请参见此处：

HTML：（添加新元素）

---

您需要将背景应用于绝对位于内容上方的容器（最有可能是div）。它需要有一个透明的背景色，雪花可能需要是带有alpha透明度的PNG。还请记住，可以将较小的雪花保留在body标签上，以便它们位于内容后面，从而产生更大的深度感。

<div id="happy-xmas"> 
  <h1>Merry Christmas from everyone at</h1> 
</div>
<div id="flakes"></div>

body{
    background-color: #6b92b9; 
    animation:bg 20s linear infinite;
}

@keyframes bg{
    from,to{background-color:#6b92b9;}
    50% {background-color:#b4cfe0;}
}

#flakes{
    height:100%;
    width:100%;
    top:0;
    position:absolute;
    ...
}