Javascript 引导容器块js动画背景

我不明白为什么引导容器会阻止文本后面的粒子js动画。我希望背景begind文本及其周围也设置动画..：/

代码：

.gradient bg{
背景：rgba（120,87,158,1）；
背景：-webkit线性梯度（左侧，rgba（55,49,42,1）0%，rgba（47,41,35,1）0%，rgba（120,87,158,1）100%）；
}
/*----particles.js容器--*/
#粒子js{
位置：固定；
宽度：100%；
身高：100%；
背景重复：无重复；
}
.bg小学{
背景色：#ff00ff！重要；
}
身体{
填充顶部：70px；
}
h1{
颜色：aliceblue
}

这东西挡住了背景。
这东西挡住了背景。
下面的粒子已设置动画。

这东西挡住了背景。
这东西挡住了背景。
下面的粒子已设置动画。

这东西挡住了背景。
这东西挡住了背景。
下面的粒子已设置动画。