smkskaryasembawa

Cara Membuat Gambar / Background
Menjadi Satu Halaman Penuh

Bagi para pembuat web, pasti pernah menemukan dan tertarik dengan website dengan latar belakang berupa gambar atau background satu halaman penuh meskipun jendela browser di-resize, dan itu membuat kita sangat ingin untuk meniru dan mengaplikasikannya ke dalam web kita sendiri.  Tetapi terkadang kita kesulitan dan tidak mengerti bagaimana cara melakukannya.

Akan coba saya bagikan caranya, dan hal ini juga saya dapatkan dari berbagai sumber.

Menempatkan gambar atau background agar bisa selalu tepat meskipun jendela browser di-resize, dapat dilakukan dengan :

Cara 1 :

Kita harus membuat html dan body menjadi 100%, kemudian baru kita bisa atur tag yang didalam body sesuai dengan keinginan.  Ini dapat kita lakukan dengan mengetikkan perintah seperti dibawah ini :

Jika setelah diterapkan, ternyata terdapat space kosong yang berlebih dibagian bawah web kita, maka cukup mengetikkan html saja dengan tanpa body.

Cara 2 :

Kita harus menambahkan perintah background-attachment:fixed seperti dibawah ini pada body :

Sekian, terima kasih semoga bermanfaat.