背景画像が表示されない

Question

私のウェブサイトのサブページを作成しています。私はナビゲーションバーとフッタを持っています。私はちょうどこのようなナビゲーションバーの背後に背景画像を追加したい。

私は..

<div class="seo-content"></div> 

.seo-content{ 
    background: url("/images/ss.jpg"); 
    background-size: cover; 
} 

を試みたが、期待されるように、それは働いていません。今では、この方法のように示す

..

私はheightプロパティを追加した場合、それが現れて。しかし、私は実際の画像サイズを画面にスケッチする必要があります。そういうわけで、私はバックグラウンドサイズのカバーを使いました。

私のコードで何が問題になっていますか？次のコードへ

Answer 1

用途：

.seo-content { 
    background: url("w3schools.com/css/bgdesert.jpg"); 
    background-size: cover; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 0; 
} 

Answer 2

はおそらく、フローティングのdivコンテナの子divのですか？ 浮動小数点型のdivまたは囲み要素の子である場合は、高さがゼロで画像が表示されません。

は、もう少し詳細を得るために要素を検査してみ？

Answer 3

固定絶頂を設定しよう：

.seo-content{ 
    background: url("/images/ss.jpg"); 
    background-size: cover; 
    height: 200px; 
}