使用HTML5画布动画作为背景

时间:2013-11-30 21:19:42

标签: html5 animation canvas background

我是HTML5的新手,我想要一些帮助来调整这个特定代码:http://thecodeplayer.com/walkthrough/html5-canvas-snow-effect以用作网页的背景。我已经下了雪,但当我用它作为背景时,没有别的东西显示出来。

4 个答案:

答案 0 :(得分:2)

您可以在其上使用值为-1的z-index:

#myCanvas {
    position: fixed; /* or absolute */
    z-index: -1;     /* put it behind all other elements */
    }

答案 1 :(得分:1)

制作一个JSFiddle来处理一些事情。正如其他人所说,画布的position: fixed;z-index: -1;效果很好。

答案 2 :(得分:0)

这对我有用......
CSS

#myCanvas
{
    display: block;
    position: absolute;
    z-index: -1; //optional.. Depends if you have used z-index for any other element
}

希望它可以帮助某人...... !!

答案 3 :(得分:0)

这对我也有用。为了将来参考操纵z-index,你还需要将位置设置为绝对位置,否则它将无效。

#canvas {
    background: #202020;
    position: absolute;
    z-index: -1;
}