CSS 기존 항목에 대한 애니메이션?

Question

CSS3 애니메이션이 포함 된 내 웹 사이트 (공개되지 않음) 용 테마를 만들었습니다. 떨어지는 눈. 귀엽다. 그러나 나는 그것이 기존의 항목 위에 나타나길 원한다. 나는 Z- 인덱스를 가지고 놀아 보려고 노력했지만 이것이 효과가 없다. 나는이 작업을 수행 할 수 있는지 확실하지 않습니다 http://briandempsey.org.uk/mbxt/index.html

, 그러나 나는 (아마 잘못이 수)

TL 가정, DR은 : 페이지가 일시적으로 호스팅되는 필요 눈 텍스트 및 기타 항목에 걸쳐 나타납니다. 방법? http://jsfiddle.net/YzSS9/이

HTML :

Answer 1

는 여기를 참조하십시오

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