Warum nicht Hintergrundposition: 25% 75% `leeren Raum zeigen, wenn das Bild nach unten verschoben wird? [Duplikat]
Posted: 22 May 2025, 09:32
Ich versuche zu verstehen, wie Hintergrundposition < /code> in CSS funktioniert, kombiniert mit Hintergrundgröße: Cover < /code>.
Wie ich es verstehe, Hintergrundposition: 25% 75% sollte die 25% über und 75% Down-Punkt des Bildes auf die Top-Left-Ecke des. Das lässt mich denken, dass das Bild verteilt wird Abwärts , daher sollte der obere Teil des Bildes geschnitten werden . /> [*] Wie verhalten sich die Hintergrundposition , wenn das Bild größer als der Container ist (aufgrund der Hintergrundgröße: Cover )?
Code: Select all
.box {
width: 300px;
height: 400px;
border: 1px solid red;
background-image: url('https://i.sstatic.net/BHTJ0noz.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: 25% 75%;
}< /code>
Wie ich es verstehe, Hintergrundposition: 25% 75% sollte die 25% über und 75% Down-Punkt des Bildes auf die Top-Left-Ecke des. Das lässt mich denken, dass das Bild verteilt wird Abwärts , daher sollte der obere Teil des Bildes geschnitten werden . /> [*] Wie verhalten sich die Hintergrundposition , wenn das Bild größer als der Container ist (aufgrund der Hintergrundgröße: Cover )?