Heim > Web-Frontend > CSS-Tutorial > Wie versetze ich ein Hintergrundbild mithilfe von CSS von rechts?

Wie versetze ich ein Hintergrundbild mithilfe von CSS von rechts?

Barbara Streisand
Freigeben: 2024-11-19 22:56:03
Original
471 Leute haben es durchsucht

How to Offset a Background Image from the Right Using CSS?

Hintergrundbilder von rechts mit CSS positionieren

Das Versetzen eines Hintergrundbilds von der rechten Seite eines Elements kann durch eine einfache Anpassung erreicht werden die Eigenschaft „Hintergrundposition“.

Frage:

"Wie Positioniere ich ein Hintergrundbild eine bestimmte Anzahl Pixel von der rechten Seite seines Elements entfernt? Mechanismus zum Anpassen der Platzierung von Hintergrundbildern. Um ein Bild in einem bestimmten Abstand vom rechten Rand zu positionieren, verwenden Sie die folgende Syntax:

Hier steht „Xpx“ für den gewünschten Abstand vom rechten Rand. Um das Bild beispielsweise 10 Pixel von rechts zu positionieren, würden Sie die Eigenschaft wie folgt festlegen:

Diese Funktion wird in modernen Browsern, einschließlich Chrome, Firefox und Safari, sowie auf Mobilgeräten weitgehend unterstützt Browser.

background-position: right Xpx top;
Nach dem Login kopieren

Hinweis:

background-position: right 10px top;
Nach dem Login kopieren

Diese Technik wird in Internet Explorer 8 und niedriger nicht unterstützt. Allerdings wird es jetzt in allen gängigen Browsern unterstützt, einschließlich Internet Explorer 11 und Edge.

Das obige ist der detaillierte Inhalt vonWie versetze ich ein Hintergrundbild mithilfe von CSS von rechts?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage