Das Hintergrundbild richtig in Position setzen (Tutorial)
Oft möchte man das Hintergrundbild an eine bestimmte Position ausrichten oder eine Hintergrundfarbe / Farbverlauf hinzufügen,
wie so etwas gemacht wird zeigen die folgenden Beispiele.
Hintergrundbild mit Wiederholung
Wenn der Hintergrund größer als das Bild ist, wird das Bild solange wiederholt bis der komplette Hintergrund ausgefüllt ist.
Hintergrundbild in einer bestimmten Richtung (horizontal, vertikal) wiederholen.
Dies erreichen Sie mit der Angabe background-repeat und den Werten repeat-y
beziehungsweise repeat-x.
Das Bild wird automatisch auf die gesamte Fläche vergrößert.
Dabei werden, je nach Bildformat und zur Verfügung stehender Fläche, bestimmte Teile des Bildes abgeschnitten.
Der Hintergrund bleibt beim Scrollen des Inhaltes stehen.
„Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien
leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste
des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens
Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.
Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund
fliegen.
Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte
beherrscht - ein geradezu unorthographisches Leben. Eines Tages aber beschloß
eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die
weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele
von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli,
doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben
Versalien, schob sich sein Initial in den Gürtel und machte sich auf den
Weg.