如何让有鼠标交互的 canvas 做网站背景，canvas交互操作不被顶层的DIV 阻隔？

Question

canvas 和页面的dom 互不遮挡。 相互独立，canvas 用来做网站背景，但是可以交互的。

这canvas 就有鼠标交互效果。
上面放过登录框，下面canvas的交互就失效了。而需求是互不影响。

Answer 1

红色框放登录框， 并且z-index:设置的高于canvas;阻止掉登录框部分的默认事件；保证canvas 不会影响到登录功能；其次就是登录框除红色框部分不能有元素压盖canvas；不然就会失去canvas的交互；
究其原因： 结构样式问题；

Answer 2

看一下他这个网站，背景使用canvas做的https://www.cnblogs.com/zhuch...

Answer 3

在canvas上做交互，无非是在对canvas添加事件，获取mousemove的坐标，然后在canvas上做相应的交互效果。

将获取mousemove坐标的这一步放在document上，也就是将mousemove事件添加到document上，这样canvas作为背景的话完全不会受影响。