Cara Membuat Background Image Auto Size Di Layar Monitor

Ukuran layar monitor yang digunakan oleh para pengunjung situs website tentunya berbeda beda, karenanya kita perlu trik khusus agar background image agar dapat menyesuaikan lebar layar monitor secara otomatis. Sebagai misal, gambar background berukuran 1024x576 pixel dapat terlihat penuh pada layar Dell 14 inchi yang memiliki resolusi 1366x768 pixel.

Cara Membuat Background Image AgarAuto Size Di Layar Monitor cukup tambahkan kode script dibawah ini pada file css.
body{ background-image:url(../images/bg.jpg); background-repeat: no-repeat;    background-position: center center;    background-attachment: fixed; -webkit-background-size: 100%, cover;    -moz-background-size: 100%, cover;    -o-background-size: 100%, cover;    background-size: 100%, cover;}
Jika ukuran lebar layar monitor Anda lebih besar dari 1024 pixels silakan membuktikan sendiri ukuran gambar background yang kami buat di http://naturesremedies.center/images/bg.jpg ; lalu cek pada browser Anda link URL ini : http://naturesremedies.center/
Semoga dapat memberi manfaat.