简单的CSS问题 - 上面的空白区域

Question

我正在制作即将到来的页面：http://desertcinema.com/jheck/

但是，我遇到了<div class="background-filter"></div>元素顶部额外空格的问题。

基本上我有这个部分的CSS：

.background-filter {
    width:100%;
    height:100%;
    display:block;
    position:fixed;
    background: #000;
    opacity: 0.5;
    z-index:0;
    margin: 0;
        -webkit-background-size: cover;
       -moz-background-size: cover;
        -ms-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

我想知道我在顶部有空间的原因是什么。这个div必须覆盖整个空间，没有空格。

知道造成这种情况的原因以及如何解决这个问题？你可以使用CHROME INSPECT ELEMENT进行游戏。

Answer 1

只需将样式top: 0;添加到.background-filter。

元素的位置不默认为0,0。它的位置默认设置为相对于包含元素。

Answer 2

你有额外的＆gt;标记中的字符。在这里的CSS文件之间：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" type="text/css" media="screen" />
>
<link href='https://fonts.googleapis.com/css?family=Oswald:400,700,300|Roboto+Slab:400,300,700' rel='stylesheet' type='text/css'>

修复摆脱空间。

Answer 3

newValue

我不确定但它可能是身体边缘还是填充物？