html - 白色框出现在我的导航栏顶部

Question

当我在#my-navbar 中设置 position:relative 时，导航栏顶部会出现一个白框，但是当我将 position 设置为 absolute 时，它​​不会出现。我需要在使用 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

您在代码中将整个 body 向下移动了 40 像素。将导航栏设置为绝对定位，将其移动到相对于页面的顶部，覆盖主体填充。

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