Html: Hintergrund-bild das sich dynamisch der browsergröße anpasst?

... komplette Frage anzeigen

2 Antworten

Es gibt viele Wege das zu realisieren. Nutze CSS dafür. Die Zauberwörder für die protortionale Vergrößerung und Verkleinerung lauten:

background-size: contain;

oder

background-size: cover;

oder

background-size: 100%;

Quellen z.B.:

https://css-tricks.com/almanac/properties/b/background-size/

Hier wird auch die Browserunterstützung aufgeführt. Achtung: obiges gilt nur ab dem Internet Explorer 9+

Wenn du für ältere Browser Unterstützung gewährleisten möchtest musst du mit einem Block-Element arbeiten (Div) und folgendes nutzen:

width: 100%;
Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von Tiki1407
12.12.2015, 02:35

Das mit background-size: Contain hat mir schon weitergeholfen, so will ichs haben, nur es sollte dann halt sich stretchen, sonst bekomm ich je nach fenstergröße weiße ränder!

Weißt du dafür was?

Das müsste dann eine mischung aus: Cover und contain sein.  :/

0

Was möchtest Du wissen?