画布元素渲染在顶部。其他内容无效

时间:2019-12-30 14:29:26

标签: javascript canvas z-index positioning

我对canvas元素有疑问。我想在标题和页面内容后面添加变形的blub,但仍对鼠标移动有反应。我的问题是,它始终位于所有其他内容之上。我已经尝试了所有方法,通过css更改了css的位置(相对,绝对)和z-index,但是无法将blub移到我的内容后面。


我需要能够选择文本,并且斑点在红色图像后面消失。

我直接在页面上呈现的代码是这样的:

[Codepen](https://codepen.io/shubniggurath/pen/EmMzpp)

我应该在blub的画布代码中添加z索引和id吗? 我该怎么做?

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

添加

.transition-wrap {
    z-index: 9999;
}

https://i.imgur.com/aCG2YHz.png

https://i.imgur.com/uB8tz4c.png