Tutorials > CSS > Tutorial-Detail: Hintergrundbild genau mittig ausrichten

Hintergrundbild genau mittig ausrichten

Mit HTML ist es nicht möglich, ein einzelnes Hintergrundbild exakt mittig des Bildschirms auszugeben und dort zu fixieren.
MIt CSS ist dies aber ohne weiteres möglich.

Mit HTML ist es nicht möglich, ein einzelnes Hintergrundbild exakt mittig des Bildschirms auszugeben und dort zu fixieren.
MIt CSS ist dies aber ohne weiteres möglich.

Hier der Code für diese Ausrichtung des Hintergrundbildes:

Code:

Füge dieses Stylesheet in den

Code:

-Bereich ein.

Code:

background-image

lädt das Hintergrundbild. Unter url(..) kannst du den Pfad sowie den Dateinamen zum Hintergrundbild angeben.

Code:

background-repeat

bestimmt, dass das Hintergrundbild nicht wiederholt wird und

Code:

background-position

positioniert das Bild: Sowohl horizontal als auch vertikal in der Mitte des Bildschirms.

Code:

background-attachment

fixiert das Hintergrundbild, sodass es nicht mitscrollt, sondern immer in der Mitte verbleibt

Geschrieben von Phil Marx am 18.06.2004 (8901x gelesen)

weiterempfehlen

Druckversion

kommentieren

middle = vertikal mittig. (nicht center)

Geschrieben von René