gpt4 book ai didi

html - 为什么边距不适用于 particles.js 背景

转载 作者:行者123 更新时间:2023-11-28 00:28:38 25 4
gpt4 key购买 nike

我正在使用 particles.js 作为我页面的背景。我创建了一个按钮,并且在按钮类中使用边距属性时,我的粒子停止在整个页面中流动。

我最近了解了 particles.js,但对它一无所知。

我已经尝试过此链接上提供的解决方案,但它对我不起作用。

particles.js not covering entire page

如有任何帮助,我们将不胜感激。

 <style>
body
{
padding: 0;
margin: 0;
background: linear-gradient(to top right, #112128,#274a5a, #203A43, #0F2027,#081014);

}
#particles-js
{
widows: 100%;
height: 100%;
}
.butt
{
margin-top: 300px;
margin-left: 300px;
}
</style>


<body>
<section id="particles-js">
<button class="butt">click here</button>

</section>
</body>

最佳答案

首先,您的 CSS 中有一个拼写错误:它是 width不是 widows .

可能是您的 <body>标签是罪魁祸首,因为它只会扩展以适应您的小内容而不是整个窗口。所以即使#particles-jswidth:100%height:100% ,它只会扩展以适合您的 <body> 的大小而不是屏幕。

尝试 https://stackoverflow.com/a/5722111/310779将正文扩展到屏幕大小。

如果这不起作用,那么我会尝试这样的事情:

#particles-js
{
position: fixed;
z-index: -1;
left: 0;
top: 0;
width:100%;
height: 100%;
}

关于html - 为什么边距不适用于 particles.js 背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54521382/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com