Div Bild wird nicht angezeigt


Status
Dieses Thema wurde gelöst! Zur Lösung gehen…

roglen

Grünschnabel
#1
Moin,
ich habe erst kürzlich mit html und css angefangen und habe folgendes Problem, mir wird nämlich das Hintergrundbild von meinem Div nicht angezeigt. Danke schon mal im voraus :D
Hier der Code:
Html:

<div class="bild">
<div class="text">
<span class="rand">
<h2>Python</h2>
</span>
</div>
</div>

CSS:

.bild{
background-image: url("img/python.jpg");
background-size: contain;
min-height:400px;
position: absolute;
top:50%;
width:100%;

}
 

Sempervivum

Erfahrenes Mitglied
#2
Sieht zunächst mal gut aus. Steht das CSS in einer getrennten Datei? Bei CSS ist der Referenzordner der, in dem die CSS-Datei liegt. Angenommen die CSS-Datei liegt hier:
css/dein-css.css
und das Bild hier:
img/python.jpg
dann musst Du zunächst eine Stufe im Baum hinauf gehen:
background-image: url("../img/python.jpg");
 
Status
Dieses Thema wurde gelöst! Zur Lösung gehen…