Bagaimanakah Saya Boleh Membuat Imej Latar Belakang Sesuai dengan Div Tanpa Pemotongan?

Suaikan Imej Latar Belakang ke Div

Isu:
Imej latar belakang sedang dipotong dalam div. Hasil yang diinginkan adalah untuk memaparkan keseluruhan imej tanpa memotong.

Penyelesaian:

Untuk mengekalkan integriti imej latar belakang dalam div, gunakan sifat bersaiz latar belakang. Sifat ini menentukan cara imej berskala berbanding bekasnya.

Dengan menggunakan nilai berikut, anda boleh mencapai hasil yang anda inginkan:

• Mengandungi: Menskalakan imej untuk dimuatkan dalam div, mengekalkan nisbah bidangnya.
• Sampul: Menskalakan imej untuk menutup keseluruhan div, yang mungkin memangkas bahagian imej.

Kod Contoh:

Mengandungi:

background-size: contain;

Sampul:

background-size: cover;

Nota: Sifat bersaiz latar belakang disokong oleh kebanyakan penyemak imbas moden.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Imej Latar Belakang Sesuai dengan Div Tanpa Pemotongan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!