Können CSS-Hintergrundbilder vom rechten Rand versetzt werden?

Ein Hintergrundbild mit CSS positionieren: Kann es von der rechten Seite versetzt werden?

In CSS ermöglicht Ihnen die Eigenschaft „Hintergrundposition“. um die horizontale und vertikale Position eines Hintergrundbilds festzulegen. Es ist jedoch wichtig zu beachten, dass diese Position anhand der linken und oberen Kante des Containerelements berechnet wird. Können Sie also ein Hintergrundbild mit einem festen Pixelabstand von der rechten Seite positionieren?

Die Antwort: Ja, mit dem „richtigen“ Schlüsselwort

Im Gegensatz zu Ihrer ursprünglichen Annahme zufolge ist es mithilfe von CSS möglich, ein Hintergrundbild mit einer festen Pixelanzahl von der rechten Seite entfernt zu positionieren. Durch die Verwendung des Schlüsselworts „right“ können Sie diesen Effekt erzielen.

Syntax:

background-position: right 30px center;

In diesem Beispiel wird das Hintergrundbild 30 Pixel entfernt positioniert am rechten Rand des Containers und vertikal zentriert.

Browser Unterstützung:

Diese Funktion wird in modernen Browsern weitgehend unterstützt. Die vollständige Kompatibilitätsliste finden Sie unter http://caniuse.com/#feat=css-background-offsets.

Zusätzliche Informationen:

Für detailliertere Informationen Bitte beachten Sie die folgenden Ressourcen:

• CSS-Hintergrundpositionierung: http://www.w3.org/TR/css3-background/#the-background-position

Das obige ist der detaillierte Inhalt vonKönnen CSS-Hintergrundbilder vom rechten Rand versetzt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!