Bagaimana Saya Meletakkan Imej Latar Belakang dari Kanan Menggunakan CSS?

Letakkan Imej Latar Belakang dari Kanan Menggunakan CSS

Dalam bidang reka bentuk web, selalunya perlu meletakkan imej latar belakang dengan tepat dalam elemen. Walaupun mudah untuk mengalihkan imej dari kiri, bagaimanakah anda boleh mencapai perkara yang sama dari kanan?

Penyelesaian terletak pada memanfaatkan sifat kedudukan latar belakang dengan nilai kata kunci.

#myElement {
    background-position: right 10px top;
}

Ini kod meletakkan imej latar belakang 10 piksel dari tepi kanan elemen, serta di bahagian atas elemen.

Pada mulanya, teknik ini tidak disokong secara meluas tetapi sejak itu telah memperoleh keserasian merentas penyemak imbas moden. Penyemak imbas seperti Chrome dan Firefox memaparkan kedudukan latar belakang dengan tepat. Untuk gambaran keseluruhan sokongan penyemak imbas yang komprehensif, rujuk Can I Use (https://caniuse.com/).

Asal ditemui pada blog Tanalin (http://tanalin.com/en/blog/2011 /09/css3-background-position/), ciri CSS3 ini menjadi sangat diperlukan untuk kedudukan imej latar belakang yang tepat.

Atas ialah kandungan terperinci Bagaimana Saya Meletakkan Imej Latar Belakang dari Kanan Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!