คุณสมบัติ Style backgroundAttachment

การประกาศและการใช้งาน

backgroundAttachment ตั้งค่าหรือกลับค่าของรูปภาพพื้นหลังเป็นการเคลื่อนตัวตามเนื้อหาหรือแข็งตัว:

ดูเพิ่มเติม:

สไตล์ HTML:คุณสมบัติ background

ตัวเรียน CSS:CSS พื้นหลัง

คู่มือ CSS:คุณสมบัติ background-attachment

ตัวอย่าง

ตัวอย่าง 1

ตั้งค่ารูปภาพพื้นหลังเป็น fixed (ไม่เคลื่อนตัว):

document.body.style.backgroundAttachment = "fixed";

ลองด้วยตัวเอง

ตัวอย่าง 2

เลือก scroll และ local ในองค์ประกอบ DIV:

document.getElementById("myDIV").style.backgroundAttachment = "local";

ลองด้วยตัวเอง

ตัวอย่าง 3

เปลี่ยนระหว่าง scroll และ fixed:

var x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";

ลองด้วยตัวเอง

ตัวอย่าง 4

กลับค่าของคุณสมบัติ background-attachment:

alert(document.body.style.backgroundAttachment);

ลองด้วยตัวเอง

โฉมภาษา

กลับค่าคุณสมบัติ backgroundAttachment:

object.style.backgroundAttachment

ตั้งค่าคุณสมบัติ backgroundAttachment:

object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit"

ค่าขององค์ประกอบ

ค่า คำอธิบาย
scroll พื้นหลังเคลื่อนตัวตามองค์ประกอบ ค่าเริ่มต้น:
fixed พื้นหลังอยู่ตามโพรงมอง ไม่เคลื่อนตัว:
local พื้นหลังเคลื่อนตัวตามเนื้อหาขององค์ประกอบ:
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู: initial.
inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของเขา โปรดดู: inherit.

รายละเอียดเทคนิค

ค่าเริ่มต้น: scroll
ค่าที่กลับมา: ตัวอักษรสาย แสดงว่ารูปภาพพื้นหลังจะแม้วางอยู่บนวัตถุในเอกสาร:
เวอร์ชั่น CSS: CSS1

การรองรับของเบราเซอร์

backgroundAttachment เป็นคุณสมบัติของ CSS1 (1996):

ทั้งหมดเบราเซอร์ทุกตัวรองรับมันเต็มที่:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน