Wie kann man ein Hintergrundbild mit css in der Größe verändern?

8

Ich arbeite an dieser Seite: Ссылка und ich habe eine Anforderung, das Hintergrundbild zum oberen Banner hinzuzufügen, das ich gemacht habe.

Was ich nicht herausfinden kann ist, wie man es ganz nach rechts verschiebt und es so verkleinert, dass es nur die Hälfte der Bildschirmbreite einnimmt.

Irgendeine Idee, wie man das macht? Bisher habe ich dieses CSS für das gesamte Banner div:

%Vor%

aber ich weiß nicht, wie man das Hintergrundbild rechts ausrichten und neu skalieren soll, um 50% der gesamten Breite des div zu erreichen. Irgendwelche Ideen?

Danke!

    
Genadinik 03.10.2011, 18:20
quelle

2 Antworten

12

Sie können left , right , bottom , top und center zum Ausrichten von Hintergründen verwenden. Auch Prozentsätze.

%Vor%

Sie können die Bilder jedoch nicht mit CSS2, sondern in CSS3 skalieren.

%Vor%

Weitere Verwendung:

%Vor%

Unten und zentriert ausrichten:

%Vor%     
MacMac 03.10.2011, 18:22
quelle
4

Verwenden Sie background-position: right; und background-size: [width] [height] (ersetzen Sie Werte wo erforderlich).

    
Niet the Dark Absol 03.10.2011 18:23
quelle

Tags und Links