我有一个动画画布,我试图在其顶部叠加一个响应式Web模板,但是Web模板仅位于画布的底部而不是其顶部。我曾尝试更改绝对布局,但随后删除了网站的响应方面。

我也曾尝试添加zindex,但同样没有任何区别,朝着正确方向的任何建议或微调将不胜感激。

模板的链接在下面

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


谢谢

最佳答案

我使用chrome开发工具修改了您的页面,并添加到您的canvas元素中:

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


并转到您的页面:

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


而且效果很好(尽管可以提高画布动画的流畅度,但您是否使用requestAnimationframe?)

关于html - 将Web模板覆盖在 Canvas 动画上,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10947686/

10-09 06:27
查看更多