Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Memaparkan Hanya Sebahagian Imej Menggunakan HTML dan CSS?
Memaparkan Bahagian Imej dalam HTML/CSS
Apabila memaparkan imej, kadangkala anda mungkin mahu mempamerkan bahagian tertentu sahaja ia. HTML dan CSS menawarkan beberapa teknik untuk mencapainya.
Menggunakan Hartanah 'Klip' CSS
Satu pendekatan ialah menggunakan sifat 'klip' dalam CSS. Walau bagaimanapun, sifat ini memerlukan elemen diletakkan secara mutlak, yang boleh menimbulkan pengehadan dalam senario tertentu.
.container { position: relative; } #clip { position: absolute; clip: rect(0, 100px, 200px, 0); }
Menggunakan 'css:url()' Rujukan
Jika anda menggunakan rujukan 'css:url()', keratan imej tidak boleh dilaksanakan secara langsung dalam CSS. Dalam kes sedemikian, anda boleh mempertimbangkan untuk menggunakan teknik 'menghiris imej', yang melibatkan menghiris imej kepada bahagian yang lebih kecil dan memaparkan bahagian yang diingini sahaja.
<div class="container"> <img src="image.jpg">
Teknik ini membolehkan anda memaparkan hanya pusat 50x50px bahagian imej 250x250px yang dinyatakan di atas.
Alternatif Pendekatan
Jika anda tidak boleh menggunakan kedudukan mutlak atau teknik 'menghiris imej', anda boleh meneroka kaedah lain seperti:
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memaparkan Hanya Sebahagian Imej Menggunakan HTML dan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!