Ingin membuat gambar kita tetap kelihatan walaupun layar discroll ? ehh ternyata sangat mudah membuatnya dengan kode css. Nggak usah pusing-pusing 
, tinggal pakai property background-attachment
, tinggal pakai property background-attachmentLangsung dicoba aja yok...
<html> <head> <style type="text/css"> body { background-image: url(d:\Ngeblog\24.gif); background-repeat: no-repeat; background-position: top left; background-attachment: fixed } </style> </head> <body> <p>Gambar tidak ikut ke scroll khan.... </p> <p>Gambar tidak ikut ke scroll khan.... </p> <p>Gambar tidak ikut ke scroll khan.... </p> <p>Gambar tidak ikut ke scroll khan.... </p> <p>Gambar tidak ikut ke scroll khan.... </p> <p>Gambar tidak ikut ke scroll khan.... </p> <p>Gambar tidak ikut ke scroll khan.... </p> <p>Gambar tidak ikut ke scroll khan.... </p> <p>Gambar tidak ikut ke scroll khan.... </p> <p>Gambar tidak ikut ke scroll khan.... </p> <p>Gambar tidak ikut ke scroll khan.... </p> <p>Gambar tidak ikut ke scroll khan.... </p> <p>Gambar tidak ikut ke scroll khan.... </p> <p>Gambar tidak ikut ke scroll khan.... </p> <p>Gambar tidak ikut ke scroll khan.... </p> </body> </html> |
Posisi gambar kita nantinya akan menetap dipojok kiri atas dan akan menetap disitu walaupun layarnya kita scroll..
Gambar tidak ikut ke scroll khan....
Gambar tidak ikut ke scroll khan....
Gambar tidak ikut ke scroll khan....
Gambar tidak ikut ke scroll khan....
Gambar tidak ikut ke scroll khan....
Gambar tidak ikut ke scroll khan....
Gambar tidak ikut ke scroll khan....
Gambar tidak ikut ke scroll khan....
Gambar tidak ikut ke scroll khan....
Gambar tidak ikut ke scroll khan....
Gambar tidak ikut ke scroll khan....
Gambar tidak ikut ke scroll khan....
Gambar tidak ikut ke scroll khan....
Gambar tidak ikut ke scroll khan....
Gambar tidak ikut ke scroll khan....
Bila ingin gambarnya menghilang waktu discroll, maka rubah value-nya menjadi background-attachment: scroll , maka gambar akan menghilang jika di scroll.
Nah.. , mudah khan..
Thank you infonya!! C: Ngebantu banget~
ReplyDelete