如何让有鼠标交互的 canvas 做网站背景,canvas交互操作不被顶层的DIV 阻隔?
canvas 和页面的dom 互不遮挡。 相互独立,canvas 用来做网站背景,但是可以交互的。
这canvas 就有鼠标交互效果。
上面放过登录框,下面canvas的交互就失效了。而需求是互不影响。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

发布评论
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
红色框放登录框, 并且z-index:设置的高于canvas;阻止掉登录框部分的默认事件;保证canvas 不会影响到登录功能;其次就是登录框除红色框部分不能有元素压盖canvas;不然就会失去canvas的交互;
究其原因: 结构样式问题;