Cara membuat css agar background gambar tidak ikut scroll (fixed) website

Setiap halaman website dibuat sebagus mungkin agar menarik para pengunjung. salah satu cara agar website tampil bagus adalah dengan menambahkan background gambar di belakang halaman. cara yang digunakan untuk menambakannya adalah dengan menggunakan kode css (bagi yang baru kenal css, silahkan searching di google apa itu css).

Biasanya dihalaman website background gambar ikut terbawa scroll ketika di geser. Namun, Bagaimana caranya agar gambar background gambar ini tidak ikut kebawa scroll ketika halaman di geser ke bawah. caranya adalah dengan menambahkan kode css dihalaman tersebut seperti cuplikan kode berikut .

 

body {
background: url(./images/endang_bg.jpg) no-repeat;
background-size: 100% 100%;
background-attachment:fixed;
}

untuk kode

url(./images/endang_bg.jpg)

disesuaikan dengan gambar dan lokasinya berada.

background-size: 100% 100%;

supaya ukuran gambar lebar dan tingginya full halaman.

background-attachment:fixed;

adalah untuk gambar background tidak bergeser.

 

demikian penjelasan dari saya semoga sukses, wassalam.

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s