白框出現在我的導航欄頂部

Question

當我在＃my-navbar中設置位置：相對位置時，白框會出現在導航欄的頂部，但是當我將位置設置爲絕對時，它不會出現。我需要擺脫那個白色框架，而使用position：relative。我的代碼：

#my-navbar{ 
background:url(images/bgfix.jpg) no-repeat; 
    height: 700px; 
    background-size: cover; 
    background-position: center; 
    position: relative; 
    z-index: -1; 
} 

http://jsfiddle.net/o7otqnqv/

Answer 1

這是因爲它具有position: fixed，給它position: relative改變它的功能的方式。

刪除

body { 
    padding-top: 40px; 
} 

（Demo）

我添加了一個背景色爲您展示

Answer 2

你必須整個身體在你的代碼下移40像素。將導航欄設置爲絕對定位將其移動到相對於頁面的頂部，覆蓋此身體填充。

<style> 
 
    body{ 
 
      padding-top: 40px; 
 
     } 
 
</style>