CSS过渡动画内容重叠

时间:2015-06-10 01:48:18

标签: html css css3 animation

我想问一下,我在我的网站上制作了一些名为bubbles的动画片。基本上它只是在定义的内容中旋转并浮动给定空间内的某些框。但我有一个问题,即动画内容与我想要显示的主要内容重叠。例如,我有<form>个输入,但每当动画浮动到输入框时,这些框都是不可点击的。我想将这些动画发送到背景,以便它不会阻碍我的主UI。我该怎么做?

以下是示例代码的JSFiddle网站。当方块浮在上面时,您可以尝试点击输入表格。

谢谢

2 个答案:

答案 0 :(得分:1)

尝试添加css-class:

pointer-events:none;

对于所有动画项目,应该可以解决这个问题。

答案 1 :(得分:0)

z-index的{​​{1}}设置为.bg-bubbles。干杯