Wie kann ich ein Hintergrundbild in CSS in einem bestimmten Abstand von rechts positionieren?

Hintergrundbilder mit CSS von rechts positionieren

Frage:

Können Sie ein Hintergrundbild in einem bestimmten Abstand ausrichten? am rechten Rand des übergeordneten Elements mithilfe von CSS?

Beispiel:

Um ein Bild zu platzieren 10 Pixel von links würden Sie das folgende CSS verwenden:

#myElement {
    background-position: 10px 0;
}

Antwort:

Mit der CSS3-Eigenschaft „Hintergrundposition“ können Sie Hintergrundbilder von der verschieben rechter Rand eines Elements:

/* Offset the element 10px from the right */
background-position: right 10px top;

Beachten Sie, dass:

• Diese Funktion wird nicht unterstützt in IE8.
• Es wird in modernen Browsern, einschließlich Chrome, Firefox und Edge, weitgehend unterstützt.

Sie können die Browserkompatibilität unter Can I Use überprüfen: https://caniuse. com/background-position-shorthand

Update:

Ab sofort wird diese Funktion in unterstützt alle gängigen Browser, einschließlich mobiler Browser.

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