Ein Hintergrundbild in html?
Ich möchte auf meiner html Seite gerne als Hintergrund ein Bild einfügen, wie mach ich das?
mfg Lucas
3 Antworten
Statt mit der bisher Angesprochenen style Angabe, arbeite mit CSS.
https://www.w3schools.com/cssref/css3_pr_background-size.asp
Ich bevorzuge :
<style>
body {
background-image: url("Mein.jpg"), url("http://blahundBlubb.net/Alternative.jpg");
background-size: cover;
background-color: #cccccc;
}
</style>
Cover füllt immer den gesamten Hintergrund. Bildteile welche nicht mit dem Format der Seite übereinstimmen werden abgeschnitten.
Contain passt immer komplett in das Format. Nicht fühlende Breite/Höhe wird durch Balken in background-color ergänzt.
<body style="background-image:url(meinbild.jpg)">
Gruß Jogi1111
Da du das so explizit herausstellst und um Missverständnisse zu vermeiden: Der Wert des style-Attributs beinhaltet CSS. Dieses ist lediglich über eine andere Schnittstelle eingebunden, als wenn du den style-Tag verwenden würdest. Daher funktioniert folgendes auch:
<body style="background-image: url('meinbild.jpg'); background-size: cover">
Jetzt hab ich das Problem das, dass Bild nicht im Vollbild ist.