问题描述
我像这样使用particles.js:
<div id="particles-js"></div>
@RenderSection("Header",required: false)
<main role="main" class="container">
@RenderBody()
</main>
<script>
particlesJS.load('particles-js','/Scripts/Custom/particles.json',function () {
console.log('callback - particles.js config loaded');
});
</script>
解决方法
这是我的问题的answer。
#particles-js{
width: 100%;
height: 100%;
position: fixed;
background-color: #000;
background-image: url('');
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.body-particles{
position: absolute;
top: 0;
left: 0;
z-index: 100;
}