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

Question

我正在创建视差背景，但背景图像没有覆盖整个屏幕谁能告诉我如何解决它？这就是我所拥有的视差..

    <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 {
   margin: 0;
   padding: 0;
}

这将解决它。

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

How to create a parallax website in html (why will my bg image not cover the whole screen?)

html

css

parallax