สไตล์zIndexคุณสมบัติ
ตัวอย่าง
เปลี่ยนลำดับสแต็กขององค์ประกอบ <img>:
document.getElementById("img1").style.zIndex = "1";
ความหมายและการใช้งาน
คุณสมบัติ zIndex ตั้งค่าหรือส่งคืนลำดับสแต็กขององค์ประกอบที่อยู่ในตำแหน่ง
องค์ประกอบที่มีลำดับสแต็กมากกว่า (1) จะอยู่ข้างหน้าองค์ประกอบอื่นที่มีลำดับสแต็กที่ต่ำกว่า (0) เสมอ
เคล็ดลับ:องค์ประกอบที่มีตำแหน่งเป็นองค์ประกอบที่มีการตั้งค่าคุณสมบัติตำแหน่งเป็น: สัมพันธ์ สัมบูรณ์ หรือคงที่
เคล็ดลับ:คุณสมบัตินี้มีประโยชน์หากคุณต้องการสร้างองค์ประกอบที่ทับซ้อนกัน
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
zIndex | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
ส่งคืนคุณสมบัติ zIndex:
object.style.zIndex
ตั้งค่าคุณสมบัติ zIndex:
object.style.zIndex = "auto|number|initial|inherit"
มูลค่าทรัพย์สิน
Value | Description |
---|---|
auto | The browser determines the stack order of the element (based on its order in the document). This is default |
number | An integer that defines the stack order of the element. Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | รถยนต์ |
---|---|
คืนมูลค่า: | สตริง แทนลำดับสแต็กขององค์ประกอบ |
เวอร์ชัน CSS | CSS2 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
เปลี่ยนค่าคุณสมบัติดัชนี z ของ <div> องค์ประกอบ:
document.getElementById("myDIV").style.zIndex = "-1";
ตัวอย่าง
ส่งกลับค่าคุณสมบัติดัชนี z ขององค์ประกอบ <img>:
alert(document.getElementById("img1").style.zIndex);
หน้าที่เกี่ยวข้อง
กวดวิชา CSS: การจัดตำแหน่ง CSS
การอ้างอิง CSS: คุณสมบัติดัชนี z
❮ สไตล์วัตถุ