页面底部的白线我无法删除它

Question

This Page

代码：

html,
body {
  height: 100%;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
}

body {
  margin: 0;
  padding: 0;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../img/background.jpg") no-repeat 50% 50%;
  background-size: cover;
}

<div class="container-fluid background">
  <div class="row justify-content-center">
    <div id="particles-js">
    </div>
  </div>
</div>

现在我需要删除这条白线和我需要页面全宽和全高背景图像的滚动我试过溢出：隐藏但在移动响应中登录框有问题。

Answer 1

我刚遇到这个问题，发现 this answer 中的解释非常有帮助。

您可能想尝试使用以下代码使您的图片居中：

html {
  height: 100%
}

body {
  background-image: url("../img/background.jpg");
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

这应该会删除页面底部的那条白线。

页面底部的白线我无法删除它

white line in bottom of page i can't remove it

html

css

background-image