シンプルなCSSの問題 - - 優秀な図書館

上の空白スペースは、私がここに来てすぐにページに取り組んでいます：http://desertcinema.com/jheck/シンプルなCSSの問題 -

は、しかし、私はに関していくつかの問題に私の<div class="background-filter"></div>要素の上部に余分なスペースを実行します。

.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; 
}

私は先頭にスペースを持っている理由が何であるか疑問に思って：

は基本的に私はこの部分のために、このCSSを持っています。このdivはスペースのないものをすべて隠す必要があります。

これを引き起こす原因は何か、それを修正する方法はありますか？演奏にはCHROME INSPECT ELEMENTを使用できます。

出典

2016-07-23 Mikk Poles

バックグラウンドフィルタにスタイルtop: 0;を追加するだけです。

要素の位置はデフォルトで0,0になりません。位置は、要素を含む要素に対してデフォルトで設定されます。

出典

2016-07-23 10:23:09 TTCC

それは働いた。ありがとう！ –

これは機能しますが、要素の位置が0,0でない理由は、divの前に文字が表示されているためです。 – AliIshaq

はい、ページの上部にある「>」文字を削除することをお勧めします。 @MikkPoles – TTCC

マークアップに余分な>文字があります。あなたの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'>

スペースを取り除く固定。

出典

2016-07-23 10:27:18 AliIshaq

body { 
    margin: 0; 
    padding: 0; 
}

ボディマージンまたはパディングはわかりません。

出典

2016-07-23 10:34:32 alieni

シンプルなCSSの問題 -

答えて

関連する問題