ตัวอย่าง
เปลี่ยนลำดับสแต็คของ <img> องค์ประกอบ:
document.getElementById("img1").style.zIndex = "1"; ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ zIndex หรือส่งกลับเพื่อสแต็คขององค์ประกอบในตำแหน่ง
องค์ประกอบกับการสั่งซื้อมากขึ้นสแต็ค (1) อยู่เสมอในด้านหน้าขององค์ประกอบอื่นกับการสั่งซื้อสแต็คที่ต่ำกว่า (0)
Tip: องค์ประกอบในตำแหน่งที่เป็นองค์ประกอบที่มีคุณสมบัติในตำแหน่งที่กำหนดให้เป็น: ญาติแน่นอนหรือคง
Tip: สถานที่แห่งนี้จะเป็นประโยชน์ถ้าคุณต้องการที่จะสร้างองค์ประกอบที่ทับซ้อนกัน
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการ zIndex รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
วากยสัมพันธ์
กลับ zIndex ทรัพย์สิน:
object .style.zIndex
ตั้ง zIndex ทรัพย์สิน:
object .style.zIndex="auto| ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ auto เบราว์เซอร์จะกำหนดลำดับการเรียงองค์ประกอบ (ขึ้นอยู่กับการสั่งซื้อของในเอกสาร) นี้จะเริ่มต้น number จำนวนเต็มที่กำหนดเพื่อสแต็คขององค์ประกอบ ค่าลบจะได้รับอนุญาต initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: รถยนต์ กลับค่า: สตริงที่เป็นตัวแทนของการสั่งซื้อสแต็คขององค์ประกอบ CSS รุ่น CSS2
ตัวอย่างอื่น ๆ
ตัวอย่าง
เปลี่ยนค่าคุณสมบัติดัชนี z ของ <div> องค์ประกอบ:
document.getElementById("myDIV").style.zIndex = "-1";
ลองตัวเอง»
ตัวอย่าง
กลับค่าคุณสมบัติดัชนี z ของ <img> องค์ประกอบ:
alert(document.getElementById("img1").style.zIndex);
ลองตัวเอง»
หน้าเว็บที่เกี่ยวข้อง
CSS กวดวิชา: ตำแหน่ง CSS
อ้างอิง CSS: z-index property
<สไตล์วัตถุ