Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Kann ich ein CSS-Hintergrundbild mit einem festen Rechtsversatz positionieren?

Barbara Streisand
Freigeben: 2024-11-24 10:12:14
Original
272 Leute haben es durchsucht

Can I Position a CSS Background Image with a Fixed Right Offset?

Ein CSS-Hintergrundbild mit festem Versatz von rechts positionieren

Frage:

Kann ein CSS-Hintergrundbild positioniert werden? mit einem festen Versatz von rechts, statt links?

Antwort:

Ja, es ist möglich, ein Hintergrundbild mithilfe von CSS mit einem festen Versatz von rechts zu positionieren.

So positionieren Sie ein Hintergrundbild von rechts:

Um ein Hintergrundbild um eine bestimmte Anzahl von Pixeln von rechts zu positionieren, verwenden Sie die folgende Syntax:

background-position: right <value> center;
Nach dem Login kopieren

stellt den festen Versatz vom rechten Rand des Elements dar.

Beispiel:

So positionieren Sie ein Hintergrundbild 30 Pixel von rechts:

background-position: right 30px center;
Nach dem Login kopieren

Browserunterstützung:

Diese Methode funktioniert in den meisten modernen Browsern. Sie können die Browserkompatibilität überprüfen unter: http://caniuse.com/#feat=css-background-offsets

Zusätzliche Ressourcen:

  • W3C-Empfehlung: https://www.w3.org/TR/css3-background/#the-background-position

Das obige ist der detaillierte Inhalt vonKann ich ein CSS-Hintergrundbild mit einem festen Rechtsversatz positionieren?. 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