0

アニメーション化されたキャンバスがあり、その上にレスポンシブ Web テンプレートをオーバーレイしようとしていますが、Web テンプレートはキャンバスの上ではなく、キャンバスの下部に配置されています。絶対レイアウトを変更しようとしましたが、Web サイトのレスポンシブな側面が削除されます。

zindex も追加しようとしましたが、それでも違いはありませんでした。正しい方向へのアドバイスやナッジをいただければ幸いです。

テンプレートへのリンクは以下にあります

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

ありがとう

4

1 に答える 1

0

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を使用しますか?)

于 2012-06-08T14:27:21.393 に答える