HTMLとCSS完全な画像の背景

-1

私のフルイメージが一番上まで進んでいないようです。HTMLとCSS完全な画像の背景

html,body{ 
    height: 100%; 
    width: 100%; 
    color: #000; 
    margin: 0; 
    padding: 0; 
} 


.nav-bar{ 
font-size: 30px; 
text-align:center; 
position:relative; 
font-family:navfont; 
} 

.nav-bar > a{ 
    text-decoration: none; 
color: inherit; 

} 

.nav-bar a:hover{ 
    color:#FF0000; 
} 

.backgroundimg{ 
    background: url("../img/background.jpg"); 
    background-size: cover; 
    position: relative; 
    background-position: center center; 
    height: 100%; 
    width: 100%; 
    z-index:-1; 
}

My image

出典

2017-03-01 Joseph W

あなたはどこですかkup？あなたのHTMLも見なければならないので、作業するには[mcve]が必要です。例の中にあなたのバックグラウンドイメージをホストして含めることができれば助けになります。 –

CSSは含まれていますが、あなたのHTML構造も役立ちます。 – scoopzilla

私が見るイメージから、実際にはBODYに背景イメージを追加することができます。今は2つのDIVがあります。 – scoopzilla

私は私はあなたがHTMLマークアップは、このようなものであることを確信しているので、あなたは、あなたの<body>タグにbackgroundimgクラスを追加すべきだと思う：

<html> 
    <head> 
     ... 
    </head> 
    <body> 
     <nav> 
      ... 
     </nav> 
     <div class="backgroundimg"> 
      ... 
     </div> 
    </body> 
</html>

すべきであり、次のようになります。

<html> 
    <head> 
     ... 
    </head> 
    <body class="backgroundimg"> 
     <nav> 
      ... 
     </nav> 
    </body> 
</html>

出典

2017-03-01 18:57:27

本当にありがとうございました。 –

あなたは歓迎されています。あなたは解決済みとして質問に印を付けることができます。 –

HTMLとCSS完全な画像の背景

答えて

関連する問題