Question

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

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

＆＃13;

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

＆＃13;

Answer 2

那是因为它有position: fixed，让它position: relative改变它的运作方式。

删除

body { 
    padding-top: 40px;
}

（Demo）

我添加了一个背景颜色来显示

白框出现在导航栏的顶部

2 个答案: