Bagaimana untuk Menjadikan Imej Latar Belakang Kelihatan Sepenuhnya Dalam Div?

Memasang Imej Latar Belakang pada Div

Jika imej latar belakang dikaburkan sebahagiannya dalam div, terdapat beberapa kaedah untuk memastikan ia adalah dipaparkan sepenuhnya. Menggunakan sifat bersaiz latar belakang menawarkan dua pilihan:

Menskalakan Imej Latar Belakang

Untuk memastikan imej latar belakang diskalakan agar muat dalam div, gunakan:

background-size: contain;

Meliputi Keseluruhan Div dengan Latar Belakang Imej

Sebagai alternatif, untuk menskalakan imej latar belakang untuk meliputi keseluruhan div, gunakan:

background-size: cover;

Contoh:

#imagecontainer {
  background: url("http://3.bp.blogspot.com/_EqZzf-l7OCg/TNmdtcyGBZI/AAAAAAAAAD8/KD5Y23c24go/s1600/homer-simpson-1280x1024.jpg") no-repeat;
  width: 100px;
  height: 200px;
  border: 1px solid;
  background-size: contain;
}

<div><p>Teknik ini memastikan imej latar belakang dipaparkan dengan betul dalam div yang ditentukan.</p></div>

Atas ialah kandungan terperinci Bagaimana untuk Menjadikan Imej Latar Belakang Kelihatan Sepenuhnya Dalam Div?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!