1

CSS3 アニメーションを含む自分の Web サイト (非公開) のテーマを作成しました。雪が降っています。かわいいです。ただし、既存のアイテムの上に表示したいです。z-index で遊んでみましたが、うまくいきません。このページは一時的に次の場所でホストされています: http://briandempsey.org.uk/mbxt/index.html

これができるかどうかはわかりませんが、おそらくそうです(間違ってできるかもしれません)

TL;DR: テキストやその他のアイテムの上に雪を表示する必要があります。どのように?

4

1 に答える 1

3

ここを参照してください: 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;
    ...
}
于 2012-12-11T20:17:33.703 に答える