我想问一下,我在我的网站上制作了一些名为bubbles的动画片。基本上它只是在定义的内容中旋转并浮动给定空间内的某些框。但我有一个问题,即动画内容与我想要显示的主要内容重叠。例如,我有<form>
个输入,但每当动画浮动到输入框时,这些框都是不可点击的。我想将这些动画发送到背景,以便它不会阻碍我的主UI。我该怎么做?
以下是示例代码的JSFiddle网站。当方块浮在上面时,您可以尝试点击输入表格。
谢谢
答案 0 :(得分:1)
尝试添加css-class:
pointer-events:none;
对于所有动画项目,应该可以解决这个问题。
答案 1 :(得分:0)
将z-index
的{{1}}设置为.bg-bubbles
。干杯