我有一个动画画布,我试图在其顶部叠加一个响应式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/