html - 在画布动画上覆盖 Web 模板

Question

我有一个动画画布，我试图在它上面覆盖一个响应式 Web 模板，但是 Web 模板只是位于画布的底部而不是它的顶部。我曾尝试更改绝对布局，但这会删除网站的响应方面。

我也尝试添加一个 zindex，但同样没有任何区别，任何朝着正确方向的建议或轻推将不胜感激。

模板链接如下

 http://www.redstardigitalmedia.co.uk/blue/index.html

谢谢

Answer 1

我使用 chrome 开发工具修改了您的页面，并添加到您的画布元素中：

    <canvas id="world" width="1600" height="779" style="
    z-index: -1;
    position: absolute;">

并到您的页面：

<div class="gridContainer clearfix" style="
    position: absolute;
    z-index: 1;">

而且效果很好（虽然画布动画流畅度可以提高，你用 requestAnimationframe 吗？）