Hintergrundbild dynamisch einbinden

[LX]

Ein Skalieren des Hintergrundbildes, welches man mit der background-Eigenschaft gesetzt hat, ist mit CSS2.1 nicht möglich. Was jedoch möglich ist: man kann ein img-Tag innerhalb eines vollbreiten und -hohen divs mit overflow:hidden; für das Hintergrundbild absolut setzen und dieses auf die größtmögliche Breite so skalieren, dass es auf jeden Fall alles ausfüllt.

Schlimmstenfalls (und damit meine ich den IE) muss man sich mit JavaScript bzw. CSS expressions behelfen. Ansonsten sollte man sich vielleicht überlegen, dass die Skalierung im Browser in vielen Fällen ohnehin unschön wirkt und stattdessen lieber ein Bild als Textur erzeugen, so dass es sich beliebig oft wiederholen kann.

Gruß, LX