456 Stimmen

CSS-Hintergrundbild an die Breite anpassen, Höhe sollte automatisch proportional skaliert werden

Ich habe

body {
    background: url(images/background.svg);
}

Der gewünschte Effekt ist, dass dieses Hintergrundbild die gleiche Breite wie die Seite hat und die Höhe sich ändert, um die Proportionen beizubehalten. z.B. wenn das Originalbild 100*200 (beliebige Einheiten) ist und der Körper 600px breit ist, sollte das Hintergrundbild am Ende 1200px hoch sein. Die Höhe sollte sich automatisch ändern, wenn die Größe des Fensters geändert wird. Ist dies möglich?

Im Moment sieht es so aus, als würde Firefox die Höhe anpassen und dann die Breite einstellen. Liegt das vielleicht daran, dass die Höhe die längste Abmessung ist und er versucht, ein Beschneiden zu vermeiden? I wollen zum vertikalen Beschneiden, dann blättern: keine horizontale Wiederholung.

Außerdem platziert Chrome das Bild in der Mitte, ohne Wiederholung, auch wenn background-repeat:repeat explizit angegeben wird, was ohnehin der Standard ist.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X