Style backgroundImage อุปกรณ์

การเขียนและการใช้งาน

backgroundImage ตั้งค่าหรือส่งกลับภาพแบบเบื้องหลังขององค์ประกอบ:

คำแนะนำ:นอกจากภาพแบบเบื้องหลัง คุณยังควรกำหนดสีแบบเบื้องหลัง。ถ้าภาพไม่สามารถใช้ได้ จะใช้สีแบบเบื้องหลัง:

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

HTML สไตล์:background อุปกรณ์

CSS ฝึกสอน:CSS พื้นหลัง

CSS3 ฝึกสอน:CSS3 背景

คู่มือ CSS:background-image อุปกรณ์

ตัวอย่าง

ตัวอย่าง 1

ตั้งค่าภาพแบบเบื้องหลังของเอกสาร:

document.body.style.backgroundImage = "url('img_tree.png')";

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

ตัวอย่าง 2

ตั้งค่าภาพแบบเบื้องหลังของ <div> แบบเฉพาะ:

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";

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

ตัวอย่าง 3

ส่งกลับภาพแบบเบื้องหลังของ <div> แบบเฉพาะ:

alert(document.getElementById("myDiv").style.backgroundImage);

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

ตัวอย่าง 4

ส่งกลับภาพแบบเบื้องหลังของเอกสาร:

alert(document.body.style.backgroundImage);

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

รูปแบบ

ส่งกลับ backgroundImage อุปกรณ์:

object.style.backgroundImage

ตั้งค่า backgroundImage อุปกรณ์:

object.style.backgroundImage = "url('URL')|none|initial|inherit"

ค่าของอุปกรณ์

ค่า คำอธิบาย
url('URL) ตำแหน่งของไฟล์ภาพ
none ไม่มีภาพแบบเบื้องหลัง。ค่าเริ่มต้น。
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้นของมัน。ดูเพิ่มเติม: initial.
inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของเธอ。ดูเพิ่มเติม: inherit.

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

ค่าเริ่มต้น: none
ค่าที่ส่งกลับ: ข้อความ แสดงภาพ배경
รุ่น CSS: CSS1

การสนับสนุนของบราวเซอร์

backgroundImage เป็นคุณสมบัติ CSS1 (1996) อย่างแน่นอน。

ทุกบราวเซอร์เข้าถึงมันอย่างเต็มที่:

เชโรม์ เอดจ์ ไฟร็อกซ์ เซฟารี่ ออเปร่า IE
เชโรม์ เอดจ์ ไฟร็อกซ์ เซฟารี่ ออเปร่า IE
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน