not fullpage fullpage.js？

Question

我正在創建一個網站，我使用fullpage.js。直到我在背景中放置一些圖像時，它似乎很好（可能是因爲沒有辦法確定它是否發生）。我添加了一個背景，現在我可以看到：

1. 在初始頁面呈現第一頁/部分不完整的屏蔽（有在底部的白條 - 下一節的頂部）
2. 當網頁被調整在條上消失或下消失
3. 當調整大小返回到初始大小 - 沒有白色條
4. 當刷新（在任何大小） - 白色條出現。
5. 白色條總是（在不同的顯示器的尺寸）/（初始窗口大小）知識+在高度

我可以提供所有附加的信息，如屏幕截圖，代碼，CSS或所需要的任何信息。

體：

<div id="fullpage"> 
    <div class="section" data-anchor="top">{#top#} 
     <div class="bg-photo"></div> 
     <div class="content"> 
      <div> 
       <h1>DO ROZPOCZĘCIA POZOSTAŁO</h1> 
       <div class='next-event'></div> 
      </div> 
      <div class="joinButton"> 
      Dołącz do wydarzenia 
      </div> 
      <div class="scroll-icon"> 
       <img src="{{ 'assets/images/scroll_ico.png'|theme }}"> 
      </div> 
     </div> 
    </div> 
    <div class="section" data-anchor="about"> 
     o itad + social 
    </div> 
</div> 

CSS：

.bg-photo { 
    background-image: url("../images/bg_blurred.png"); 
    background-repeat: no-repeat; 
    width:100%; 
    height:100%; 
    background-size:cover; 
    } 
.content { 
    position:absolute; 
    top:0; 
    width:100%; 
    height:100%; 
    background:rgba(11,17,28,0.75); 
    } 

原來，在IE瀏覽器工作正常，但在Firefox，Chrome和Safari瀏覽器出現問題。

Answer 1

我想一個很簡單的辦法，幸運的是解決它。

添加<div id="head"></div>爲<div class="section"></div>第一線。

並設置CSS樣式：

#head { 
height: 1px} 

所以我認爲它只是需要在部分的最頂部的一些元素。