Bagaimanakah Saya Boleh Meletakkan Imej Latar Belakang Jarak Tertentu dari Kanan dalam CSS?

Letakkan Imej Latar Belakang dari Kanan Menggunakan CSS

Soalan:

Bolehkah anda menyelaraskan imej latar belakang pada jarak tertentu dari tepi kanan unsur induknya menggunakan CSS?

Contoh:

Untuk meletakkan imej 10 piksel dari kiri, anda akan menggunakan CSS berikut:

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

Jawapan:

Sifat kedudukan latar belakang CSS3 membolehkan anda mengimbangi imej latar belakang dari tepi kanan elemen:

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

Perhatikan bahawa:

• Ciri ini tidak disokong dalam IE8.
• Ia disokong secara meluas dalam penyemak imbas moden, termasuk Chrome, Firefox, dan Edge.

Anda boleh menyemak keserasian penyemak imbas di Can I Use: https://caniuse.com/background-position-shorthand

Kemas kini:

Setakat ini, ciri ini disokong dalam semua penyemak imbas utama, termasuk penyemak imbas mudah alih.

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