Latar belakang halaman web dapat dikaitkan dengan kontennya atau berperilaku secara independen darinya. Dalam kasus pertama, saat menggulir konten di jendela browser, gambar latar belakang juga akan bergulir, sedangkan yang kedua, dapat tetap diam. Untuk menerapkan latar belakang halaman tetap, Anda harus menggunakan bahasa deskripsi gaya CSS - hanya itu yang dapat menjamin perilaku latar belakang yang sama di berbagai jenis browser.
instruksi
Langkah 1
Gunakan properti lampiran latar belakang di CSS untuk menentukan apakah latar belakang halaman harus diperbaiki atau dipindahkan. Secara total, properti ini dapat memiliki tiga nilai - jika Anda tidak menentukan salah satunya, maka secara default lampiran latar belakang dianggap sebagai gulir. Dengan nilai ini, gambar latar belakang bergulir bersama dengan konten halaman. Nilai mewarisi menyalin perilaku latar belakang elemen induk, dan nilai tetap membuat gambar latar tidak bergantung pada konten - gambar tetap diam saat halaman digulir. Anda harus menggunakannya.
Langkah 2
Siapkan instruksi CSS Anda untuk digunakan di halaman yang ingin Anda perbaiki latar belakangnya. Jika Anda tidak akan menempatkan kode CSS dalam file deskripsi gaya eksternal, maka instruksi ini harus ditempatkan di antara tag gaya pembuka dan penutup:
// akan ada deskripsi gaya
Deskripsi perilaku latar belakang halaman harus terikat pada elemen BODY - dalam terminologi CSS akan disebut "selector" dan akan ditulis seperti ini: BODY {
// deskripsi isi halaman akan ada di sini
} Properti yang terkait dengan pemilih ini harus ditempatkan di dalam kurung kurawal, dipisahkan oleh titik koma: BODY {
lampiran-latar belakang: diperbaiki;
background-image: url (gambar / BG.gif);
} Baris pertama menangkap gambar latar belakang, dan baris kedua menunjukkan alamat file yang berisi gambar latar belakang, relatif terhadap alamat halaman. Kedua baris ini dapat ditulis dalam satu pernyataan CSS yang kompleks seperti ini: background: url (images / BG.gif) fixed;
Langkah 3
Tempel semua kode untuk memperbaiki latar belakang ke dalam teks halaman. Dalam bentuk jadinya, mungkin terlihat seperti ini:
BODY {latar belakang: url (gambar / BG.gif) diperbaiki;}
Tentu saja, Anda perlu mengganti lokasi dan nama file gambar latar belakang. Lebih baik meletakkan kode sebelum tag, meskipun ini bukan prasyarat.
