Wie kann ich ein CSS-Hintergrundbild in einem festen Abstand vom rechten Rand positionieren?

So platzieren Sie ein CSS-Hintergrundbild in einem festen Abstand von rechts

In CSS bestimmen Hintergrundpositionswerte normalerweise die Pixelanpassung von am linken und oberen Rand. Es ist jedoch möglich, ein Hintergrundbild mit der folgenden Syntax in einem bestimmten Abstand von der rechten Seite zu positionieren:

background-position: right [pixels] center;

Zum Beispiel:

background-position: right 30px center;

Dieser Code positioniert das Hintergrundbild 30 Pixel vom rechten Rand des Containers entfernt und dabei vertikal zur Mitte ausgerichtet.

Beachten Sie, dass diese Lösung in den meisten modernen Browsern funktioniert caniuse.com. Weitere Informationen finden Sie in der W3C CSS3-Hintergrundspezifikation.

Das obige ist der detaillierte Inhalt vonWie kann ich ein CSS-Hintergrundbild in einem festen Abstand vom rechten Rand positionieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!