Kann CSS ein Hintergrundbild in einem bestimmten Abstand vom rechten Rand positionieren?

Präzise Positionierung des Hintergrundbilds: Ausrichtung am rechten Rand

Kann CSS verwendet werden, um ein Hintergrundbild in einem bestimmten Abstand vom rechten Rand zu positionieren? eines Elements? Während die herkömmliche Eigenschaft „Hintergrundposition“ spezifische Anpassungen von links und oben zulässt, scheint es, als gäbe es keine direkte Möglichkeit, eine Ausrichtung relativ zum rechten Rand zu erreichen.

Es gibt jedoch eine Lösung:

Lösung:

background-position: right 30px center;

Diese Technik funktioniert in den meisten modernen Browsern effektiv. Weitere Informationen zur Browserkompatibilität finden Sie unter https://caniuse.com/#feat=css-background-offsets.

Erklärung:

Das richtige Schlüsselwort weist den Browser an, die Position festzulegen das Bild am rechten Rand des Elements. Der nachfolgende 30-Pixel-Wert gibt den Abstand an, um den das Bild vom rechten Rand versetzt werden soll. Das Schlüsselwort „center“ gewährleistet die vertikale Zentrierung innerhalb der Höhe des Elements.

Zusätzliche Informationen:

Detaillierte Einblicke finden Sie in der W3C-Spezifikation unter http://www.w3. org/TR/css3-background/#the-background-position.

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