問題與圖像背景和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%; 
}