javascript - fullpage.js 背景图片不覆盖

Question

我将 fullpage.js 与背景图片一起使用，但问题是它们不会在页面加载时自动调整大小。当您缩放浏览器时，它们只会调整大小以覆盖背景，加载时它们看起来非常大，被裁剪并固定到上部顶部。有人遇到过这个问题吗？我正在使用 Chrome。

<div id="fullpage">
        <div class="section " id="section0">

            <div id="mainTourNav" class="container">
                <ul>
                    <li id="tourNav1"><a href="#"></a> </li>
                    <li id="tourNav2" class="tourNav"><a  href="#"> Slide 1</a></li>
                    <li id="tourNav3" class="tourNav"><a  href="#"> Slide 2 </a></li>
                    <li id="tourNav4" class="tourNav"><a  href="#"> Slide 3 </a></li>
                </ul>
            </div>
        </div>
        <div class="section" id="section1">
            <h1>It’s about Friends and Family. . .</h1>

        <div class="section" id="section2">
            <h1>It's about design. . .</h1>


        </div>
        <div class="section" id="section3">
            <h1>It’s about the game you love. . .</h1>

        </div>
    </div>

CSS

/* Backgrounds will cover all the section
    * --------------------------------------- */
    #section0,
    #section1,
    #section2,
    #section3{
        background-size: cover;
    }

    /* Defining each section background and styles
    * --------------------------------------- */
    #section0{
        background-image: url(../img/Res-BG.jpg);
        padding: 15% 0 0 0;
    }
    #section1{
        background-image: url(../img/bg4.jpg);
        padding: 10% 4% 0 4%;
    }
    #section2{
        background-image: url(../img/bg3.jpg);
        padding: 10% 4% 0 4%;
    }
    #section3{
        background-image: url(../img/bg2.jpg);
        padding: 10% 4% 0 4%;
    }
    #section0 h1{
        color: black;
        font-size: 40px;
        font-style: italic;
        opacity: 0;
    }

Answer 1

#section{
    background-image: url('http://www.fhdwallpapers.com/upload/2013/04/13/20130413064705-280c35c7.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}