Contoh
Mengatur background-image untuk diperbaiki (will not scroll) :
document.body.style.backgroundAttachment = "fixed";
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The backgroundAttachment set properti atau kembali apakah gambar latar belakang harus gulir dengan konten, atau diperbaiki.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Milik | |||||
---|---|---|---|---|---|
backgroundAttachment | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
Sintaksis
Kembali properti backgroundAttachment:
object .style.backgroundAttachment
Mengatur properti backgroundAttachment:
object .style.backgroundAttachment="scroll|fixed|local|initial|inherit"
Nilai properti
Nilai | Deskripsi |
---|---|
scroll | Gulungan latar belakang bersama dengan elemen. Ini adalah default |
fixed | latar belakang tetap berkaitan dengan viewport |
local | Gulungan latar belakang bersama dengan isi elemen |
initial | Set properti ini ke nilai default. Baca tentang awal |
inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
Nilai default: | gulir |
---|---|
Kembali Nilai: | Sebuah String, mewakili bagaimana gambar latar belakang melekat objek dalam dokumen |
CSS Versi | CSS1 |
Contoh lebih
Contoh
Pilih antara scroll dan lokal pada elemen DIV:
document.getElementById("myDIV").style.backgroundAttachment = "local";
Cobalah sendiri " Contoh
Beralih antara gulir dan tetap:
var x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment=(x=="scroll")? "fixed":"scroll";
Cobalah sendiri " Contoh
Mengembalikan nilai dari properti background-attachment:
alert(document.body.style.backgroundAttachment);
Cobalah sendiri " Pages terkait
CSS tutorial: CSS Background
Referensi CSS: background-attachment property
Referensi HTML DOM: background property
<Style Object