Ich versuche, Bilder, die auf der Website erscheinen, mithilfe des Tags in ein Hintergrundbild umzuwandeln. MEIN erster Code sah aus wie diesesHintergrundbild wird nicht angezeigt
Html:
<img class= "house" src="images/House-03.png" width="122px" height="118px"/>
CSS
.house {
display:block;
position:absolute;
float:right;
bottom:0;
right:0;
}
Jetzt es so versuche ich zu ändern:
Html
CSS
.house {
display:block;
position:absolute;
background-image:url(../images/House-03.png);
width:122px;
height:148px;
float:right;
bottom:0;
right:0;
}
Außer dem Bild erscheint nicht! Jede Hilfe wird geschätzt, Danke!
Entfernen Sie den Raum vor dem "Haus". Sie müssen kein absolut positioniertes Element schweben lassen. – Christina
Ihr Code ist in Ordnung, überprüfen Sie einfach die Bild-URL – mdesdev
Können wir Ihren Website-Baum sehen, um sicher zu gehen, dass Ihre Bild-URL korrekt ist? –