问题与图像背景和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%; 
}