javascript - 如何在 bootstrap 中添加particle.js 作为 div 背景
问题描述
请我想在引导程序中的 div 部分添加一个粒子,其中包含一些文本和 typed.js 文本,而我的文本不会消失,这可能吗?
<div class="container text-center">
<div id="particle-js">
<h1 class="heading">
TEXT
</h1>
<p>
<span class="typing"></span>
</p>
</div>
</div>
解决方案
您可以简单地更改 html 布局,以便可以将particle-js div 定位为固定或绝对,然后提供另一个 div,您的文本将放置在该 div 之上。
<div class="container text-center">
<div id="particles-js"></div>
<div id="overlay">
<h1 class="heading">
TEXT
</h1>
<p>
<span class="typing"></span>
</p>
</div>
</div>
#particles-js {
background-color: #b61924;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}
#overlay {
position: relative;
padding: 50px;
}
这是一个非常简单的方法:https ://jsfiddle.net/yrm4916s/
推荐阅读
- wordpress - WP_User_Query 中断并忽略它下面的所有代码
- security - 隐藏从后端获取的用户数据
- neo4j - 在 neo4j 中获取可选数据的最快方法
- youtube - 如何通过 v3 API 检测 youtube 视频是否包含付费推广
- javascript - Javascript加入不适用于创建的数组
- python - Python,使用相对路径导入的模拟
- reactjs - React 中的上传列表状态管理
- visual-studio - 由于致命错误,无法在 Github 上克隆存储库
- python - Tkinter 在尝试从子进程读取标准输出时冻结
- php - laravel 7 根据所选值动态显示输入