Hintergrundbild wird nicht angezeigt

Question

Ich entwickle eine Unterseite für meine Website. Ich habe eine Navigationsleiste und Fußzeile. Ich möchte einfach nur ein Hintergrundbild hinter der Navigationsleiste hinzufügen.

Ich versuchte ..

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

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

aber es funktioniert nicht wie erwartet. Jetzt

es wie auf diese Weise zeigen ..

Wenn ich Höhe Eigenschaft hinzufügen, es zeigt sich. Aber ich muss die tatsächliche Bildgröße auf dem Bildschirm skizzieren. Deshalb habe ich Hintergrundgröße verwendet: cover;

Was ist falsch an meinem Code?

Answer 1

Gebrauch zu folgenden Code:

.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

Ist div möglicherweise ein Kind von einem schwimmenden div Container? Wenn es sich um ein untergeordnetes div- oder umschließendes Element handelt, hat es keine Höhe und zeigt das Bild nicht an.

Testen Sie das Element, um ein bisschen mehr Details zu erhalten?

Answer 3

Versuchen eine feste Höhe einzustellen:

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