現有項目的CSS動畫？

Question

我爲我的網站製作了一個主題（未公開），其中涉及CSS3動畫。它正在下雪。它真可愛。不過，我希望它顯示在我現有的項目上。我曾嘗試玩z-index，但是這似乎不起作用。該網頁被暫時託管在：http://briandempsey.org.uk/mbxt/index.html

我不知道這是可以做到的，但我認爲（也許它可以錯誤地）

TL; DR：極品雪出現在文本和其他項目。怎麼樣？

Answer 1

在這裏看到：http://jsfiddle.net/YzSS9/

HTML：（添加新元素）

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

你的老body定義現在將片，減去背景顏色和相關的動畫，它可以停留在身體：

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; 
    ... 
}