ตัวอย่าง
ตั้งค่าภาพพื้นหลังได้รับการแก้ไข (will not scroll) :
document.body.style.backgroundAttachment = "fixed"; ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
backgroundAttachment ชุดทรัพย์สินหรือผลตอบแทนไม่ว่าจะเป็นภาพพื้นหลังควรเลื่อนที่มีเนื้อหาหรือได้รับการแก้ไข
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| backgroundAttachment | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
วากยสัมพันธ์
กลับ backgroundAttachment ทรัพย์สิน:
object .style.backgroundAttachment
ตั้ง backgroundAttachment ทรัพย์สิน:
object .style.backgroundAttachment="scroll|fixed|local|initial|inherit"
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| scroll | เลื่อนพื้นหลังพร้อมกับองค์ประกอบ นี้จะเริ่มต้น |
| fixed | พื้นหลังได้รับการแก้ไขในเรื่องเกี่ยวกับวิวพอร์ตด้วย |
| local | เลื่อนพื้นหลังพร้อมกับเนื้อหาขององค์ประกอบ |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | เลื่อน |
|---|---|
| กลับค่า: | เชือกคิดเป็นวิธีการที่ภาพพื้นหลังอยู่ติดกับวัตถุภายในเอกสาร |
| CSS รุ่น | CSS1 |
ตัวอย่างอื่น ๆ
ตัวอย่าง
เลือกระหว่างการเลื่อนและท้องถิ่นเกี่ยวกับองค์ประกอบ DIV:
document.getElementById("myDIV").style.backgroundAttachment = "local"; ลองตัวเอง» ตัวอย่าง
สลับไปมาระหว่างการเลื่อนและคงที่:
var x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment=(x=="scroll")? "fixed":"scroll"; ลองตัวเอง» ตัวอย่าง
กลับมูลค่าของทรัพย์สินพื้นหลังสิ่งที่แนบมา:
alert(document.body.style.backgroundAttachment); ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
CSS กวดวิชา: CSS พื้นหลัง
อ้างอิง CSS: background-attachment property
อ้างอิง HTML DOM: background property
<สไตล์วัตถุ