html - キャンバス アニメーションに Web テンプレートを重ねる

Question

アニメーション化されたキャンバスがあり、その上にレスポンシブ Web テンプレートをオーバーレイしようとしていますが、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を使用しますか？）