ตัวอย่าง
ตั้งค่าดัชนี z สำหรับภาพ:
img
{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการดัชนี z ระบุลำดับการเรียงองค์ประกอบ
องค์ประกอบคำสั่งสแต็คมากขึ้นอยู่เสมอในด้านหน้าขององค์ประกอบที่มีการสั่งซื้อสแต็คที่ต่ำกว่า
Note: ดัชนี z จะทำงานเฉพาะในองค์ประกอบตำแหน่ง (position:absolute, position:relative, or position:fixed)
| ค่าเริ่มต้น: | auto |
|---|---|
| รับการถ่ายทอด: | no |
| Animatable: | yes. Read about animatable Try it |
| เวอร์ชัน: | CSS2 |
| ไวยากรณ์ javascript: | object .style.zIndex="-1" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| z-index | 1.0 | 4.0 | 3.0 | 1.0 | 4.0 |
CSS ไวยากรณ์
z-index: auto|number|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| auto | ชุดคำสั่งสแต็คเท่ากับพ่อแม่ นี้จะเริ่มต้น | เล่น " |
| number | ชุดคำสั่งสแต็คขององค์ประกอบ ตัวเลขที่ติดลบจะได้รับอนุญาต | เล่น " |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
CSS Tutorial: ตำแหน่ง CSS
อ้างอิง HTML DOM: zIndex property