如何在html中创建一个视差网站（为什么我的bg图像不能覆盖整个屏幕？）

Question

我正在创建一个视差bg，但bg图像没有覆盖全屏，任何人都可以告诉我如何解决它？这就是我所拥有的视差......

    <style>
    .parallax { 
        /* The image used */
        background-image: url("rocket-2680282_1920 (1).jpg");
        /* Set a specific height */
        height: 1078px; 
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: initial;
        background-repeat: no-repeat;
        background-size: cover;
    }
   </style>

如果您想查看我的意思link

，请访问此网站

Answer 1

看起来您body有margin尝试将此添加到您的CSS中：

body{
 margin:0px;
}

Answer 2

请将以下内容添加到css中的body元素：

body {
   margin: 0;
   padding: 0;
}

这将解决它。