Javascript Can'；不要在particles.js上放任何东西

所以我正在我的网站上工作，我想合并particles.js库中的cool line particle。我让粒子工作，一切正常。当我试着把我的文字放在上面时，它会把文字压在所有粒子下面。我不知道为什么会这样。我试着把它放在标签的上面、下面和里面，但它总是在粒子的上面或下面，或者根本没有

这是我的密码：

/*=============================================================================
HTML5 CSS重置缩小-Eric Meyer
========================================================================== */
html，body，div，span，object，iframe，h1，h2，h3，h4，h5，h6，p，blockquote，pre，abbr，address，cite，code，del，dfn，em，img，ins，kbd，q，samp，small，strong，sub，sup，var，b，i，dl，dt，dd，ol，ul，li，fieldset，form，label，ledge，table，table，title，tbody，tbody，tfoot，thead，th，td，article，side，cans，canvas，details，figcaption，figcapon，figcapon，fig，fig，fig，fig，fig，fig，footer，footer，sup，视频{边距：0；填充：0；边框：0；轮廓：0；字体大小：100%；垂直对齐：基线；背景：透明}
正文{行高：1}
文章、旁白、详细信息、图表、页脚、页眉、H组、菜单、导航、部分{显示：块}
导航ul{列表样式：无}
blockquote，q{quotes:none}
blockquote:before，blockquote:after，q:before，q:after{content:none}
{边距：0；填充：0；字体大小：100%；垂直对齐：基线；背景：透明；文本装饰：无}
标记{背景色：#ff9；颜色：#000；字体样式：斜体；字体重量：粗体}
del{文本装饰：线穿过}
abbr[title]，dfn[title]{边框底部：1px点；光标：help}
表{边框折叠：折叠；边框间距：0}
hr{显示：块；高度：1px；边框：0；边框顶部：1px实心#ccc；边距：1em 0；填充：0}
输入，选择{垂直对齐：中间}
li{列表样式：无}
/* =============================================================================
我的CSS
========================================================================== */
/*----基础--*/
html，正文{
背景：#111；
}
html{
-webkit点击高亮显示颜色：rgba（0,0,0,0）；
}
身体{
字体：普通75%Arial，Helvetica，无衬线；
}
帆布{
显示：块；
垂直对齐：底部对齐；
}
/*----stats.js----*/
.计算粒子数{
背景：#000022；
位置：绝对位置；
顶部：48px；
左：0；
宽度：80px；
颜色：#13E8E9；
字体大小：.8em；
文本对齐：左对齐；
文本缩进：4px；
线高：14px；
垫底：2件；
字体系列：Helvetica、Arial、无衬线字体；
字体大小：粗体；
}
.js计数粒子{
字体大小：1.1米；
}
#统计数据，
.计算粒子数{
-webkit用户选择：无；
边缘顶部：5px；
左边距：5px；
}
#统计数据{
边界半径：3px3px0；
溢出：隐藏；
}
.计算粒子数{
边界半径：0 0 3px 3px；
}
/*----particles.js容器--*/
#粒子js{
宽度：100%；
身高：100%；
背景尺寸：封面；
背景位置：中心；
背景色：深黄色；
}
#粒子画布{
位置：绝对位置；
宽度：100%；
身高：100%；
z指数：999；
}

C#Web-专业Web开发
.标题{
高度：650px；
宽度：100%；
字体系列：“蒙特塞拉特”，无衬线；
颜色：白色；
边缘顶部：104px；
}
.标题p{
}
菜单








123

我知道这早就应该做了，但我也遇到了同样的问题，并添加了 “职位：相对；”

添加到包含我的内容（例如，我希望在粒子背景上显示的元素）

---

这对我有用！希望其他人会发现此解决方案有用。

尝试添加

z-index:0到图层类，并且a
z索引：100到任何你想放在层div上面的东西。对不起，刚才看到你已经在CSS中有了它。你希望粒子的z指数比你放在上面的任何东西都低。@CodinMordanu，这解决了背景问题，现在粒子显示在背景上。然而，当我这样做的时候，我的文字消失了。我还试着设置他们的z指数：100；编辑：我的文本仍然被强制关闭。我试图进一步增加z指数，但没有解决问题。我试着把文本放在particles div中，什么都没有。不过背景现在已经固定。