Posted by : Riyadh Rizqullah September 07, 2014

Beberapa orang ingin blognya memakai background gambar, dengan alasan tersendiri..

kalo saya? saya sih karena ingin tampil beda aja.. hehe daripada ngikutin blog lain kan? kalau ada ide, kenapa gak dicoba aja? hehe..
berikut scriptnya 

body{
background-image:url(URL BACKGROUND);
}  
tetapi script tersebut tidak berfungsi dengan baik jika ukuran gambar terlalu kecil.. hasilnya gambar akan berpetak seperti dibawah ini

Agar backgroundnya gak berpetak gimana?

masukan scriptnya seperti dibawah ini:
 body{ 
background-image:url(URLBACKGROUND)no-repeat center;
}
Tetapi kok ketika discrolldown  gambarnya nggak ikutan turun? 
ok, jika gambarnya ikut ketika discroll.. berarti posisinya harus anda ubah menjadi Fixed
kodenya tetap sama seperti diatas.. hanya ada sedikit tambahan:
body{
background-image:url(URLBACKGROUND)no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
oke, jika sudah dan lihat hasilnya ^^.. semoga bermanfaat

Leave a Reply

Berkomentarlah dengan bahasa yang baik dan benar, karena itu mencerminkan kepribadian

Subscribe to Posts | Subscribe to Comments

- Copyright © 2014 Powered by Blogger - Designed by Riyadh Rizqullah -