Bagaimana untuk Menjadikan Imej Latar Belakang Sesuai Dengan Sempurna Di Dalam DIV?

Suaikan Latar Belakang Imej kepada DIV

Anda mahu imej latar belakang dipaparkan sepenuhnya dalam DIV, tetapi sebahagian daripada imej itu sedang dipotong. Untuk menyelesaikan masalah ini, pertimbangkan untuk menggunakan sifat bersaiz latar belakang, disokong oleh kebanyakan penyemak imbas moden.

Untuk imej latar belakang yang berskala secara berkadar agar muat dalam DIV:

background-size: contain;

Untuk imej latar belakang yang terbentang untuk menutup DIV sepenuhnya, mengaburkan bahagian imej jika perlu:

background-size: cover;

Berikut ialah contoh menggunakan background-size: contain:

<div>

Dan contoh menggunakan background-size: cover:

<div>

Kini, imej latar belakang anda akan dipaparkan sepenuhnya dalam DIV, tanpa mengira asalnya saiz atau nisbah bidang.

Atas ialah kandungan terperinci Bagaimana untuk Menjadikan Imej Latar Belakang Sesuai Dengan Sempurna Di Dalam DIV?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!