问题与图像背景和Fullpage.js

Question

我正在使用fullpage.js，我正在尝试为我的某个幻灯片添加图像背景，但是当我这样做时，页面会自动跳过一个部分。 我目前对该部分的css如下：

#slide1{background-image: url(https://github.com/antonettis/fullpage/raw/gh-pages/img/chess.jpg); background-repeat: no-repeat; background-size: auto 100%; }

我将它与fullpage.js演示进行了比较，如果我复制它，这就是我的代码应该是这样的：

#slide1{background-image: url(https://github.com/antonettis/fullpage/raw/gh-pages/img/chess.jpg); background-size: cover; background-attachment: fixed; }

然而，当我这样做时，图像完全消失。 Here is the codepen。图像位于第4页，幻灯片1.提前感谢您的帮助。

Answer 1

您需要用以下代码替换css代码：

.fp-section{
    background-image: url(https://github.com/antonettis/fullpage/raw/gh-pages/img/chess.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
 }