使用 HTML5 画布动画作为背景答案

【问题标题】：Using a HTML5 canvas animation as a background使用 HTML5 画布动画作为背景
【发布时间】：2013-12-16 19:57:15
【问题描述】：

我是 HTML5 新手，我需要一些帮助来调整这个特定的代码：http://thecodeplayer.com/walkthrough/html5-canvas-snow-effect 用作网页的背景。我已经下雪了，但是当我将它用作背景时，没有其他任何显示。

【问题讨论】：

【解决方案1】：

您可以使用值为 -1 的 z-index：

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

【讨论】：

【解决方案2】：

这对我有用...
CSS

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

希望对某人有所帮助...！！

【讨论】：

【解决方案3】：

这也适用于我。为了将来参考操作 z-index，您还需要将位置设置为绝对位置，否则它将不起作用。

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

【讨论】：

【解决方案4】：

创建了一个JSFiddle 来处理一些事情。正如其他人所说，画布的position: fixed; 和z-index: -1; 工作正常。

【讨论】：