2016-12-29 5 views
3

私は単純なHTMLコードを使って自分のウェブページに背景画像を設定していますが、ページの上部に空きスペースが表示されています。このコードで背景画像を保存しようとしました。あなたが私に確認してもらえますか、それは正しい方法ですか、それとも既存のCSSコードに問題がありますか?背景画像でこのトップスペースを削除するには?

margin-top:-20px 

私のCSSコード、

<style> 
.bg-image { 
    left: 0; 
    right: 0; 
    height: 200%; 
    background-image: url("/bg.jpg"); 
    background-position: 0px 0px; 
    position: fixed; 
    background-size: cover; 
    margin-top:-20px; 
} 

私のHTMLコード:

<html> 
<head> </head> 
<body> 
    <div class="bg-image"></div> 
</body> 
</html> 

答えて

2

ボディ部分は、内側の部門を呼び出し、だから我々は身体を設定した場合、ボディマージンについて確認しますがmargin:0px; padding:0px;これがブラウザの上部に表示されます。

body{ 
    padding: 0px; 
    margin: 0px; 
} 
+0

おかげで、これは私のために働いている、あなたのCSSのコード内でこのコードを試してみてください。 – user7354735

関連する問題