canvas
要素はWebページのコンテンツの前に配置されますが、上部に表示されます。
<canvas id="cnv"></canvas>
<div id="content">
blah blah
<p>
blahs
</p>
</div>
z-index
1つの解決策は、canvasに対して-1に設定することですが、それはmousemove
トリガーされなくなります。
なぜキャンバスが上にあるのですか?マウス移動をトリガーできる状態でコンテンツの背後に配置するにはどうすればよいですか?
注:変更できるCSSは、キャンバス用のCSSのみです。
別の解決策は、z-indexを-1に設定してから、何らかの方法でドキュメントからキャンバスにマウスムーブを渡すことです。