Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Meletakkan Imej Latar Belakang dari Tepi Kanan dalam CSS?

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

DDD
Lepaskan: 2024-11-21 08:53:11
asal
464 orang telah melayarinya

How Can I Position a Background Image from the Right Edge in CSS?

Letakkan Imej Latar Belakang dari Tepi Kanan dengan CSS

Bolehkah anda meletakkan imej latar belakang dari tepi kanan elemennya, dengan menyatakan jarak dalam piksel?

CSS Penyelesaian:

</p>
<h1>myElement {</h1>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">background-position: right 10px top;
Salin selepas log masuk

}

Ciri CSS3 ini membolehkan anda menentukan offset dari tepi kanan menggunakan yang berikut sintaks:

background-position: right [offset] [top | bottom]
Salin selepas log masuk

Sebagai contoh, kod di atas mengimbangi latar belakang 10 piksel dari tepi kanan.

Sokongan:

Ciri ini ialah disokong dalam penyemak imbas moden, termasuk Chrome, Firefox dan kebanyakan penyemak imbas mudah alih. Walau bagaimanapun, ia pada asalnya tidak disokong dalam IE8.

Nota:

Jika anda perlu menyokong penyemak imbas lama, kaedah alternatif mungkin tersedia, seperti membuat bekas tersuai elemen yang meletakkan imej latar belakang dengan kedudukan relatif dan jidar negatif.

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan