คำแนะนำคอร์ส

คุณสมบัติ zIndex สไตล์

การระบุและการใช้งาน zIndex

คุณสมบัติที่ตั้งค่าหรือส่งผลกลับลำดับที่แนะนำขององค์ประกอบที่มีการตั้งตำแหน่ง

คำแนะนำ:องค์ประกอบที่มีลำดับที่แนะนำสูงกว่า (1) จะอยู่ข้างหน้าองค์ประกอบที่มีลำดับที่แนะนำต่ำกว่า (0) คุณสมบัติ position กำหนดเป็น:relative、absolute หรือ fixed ขององค์ประกอบ

คำแนะนำ:นี่เป็นคุณสมบัติที่มีประโยชน์มากสำหรับการสร้างองค์ประกอบที่เกาะกัน

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

ตัวอย่าง CSSCSS การจัดตัวตัว

คู่มือ CSSคุณสมบัติ zIndex

ตัวอย่าง

ตัวอย่าง 1

เปลี่ยนลำดับที่แนะนำขององค์ประกอบ <img>:

document.getElementById("img1").style.zIndex = "1";

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

ตัวอย่าง 2

เปลี่ยนค่า zIndex ขององค์ประกอบ <div>:

document.getElementById("myDIV").style.zIndex = "-1";

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

ตัวอย่าง 3

ส่งผลกลับค่า zIndex ขององค์ประกอบ <img>:

alert(document.getElementById("img1").style.zIndex);

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

ภาษาที่ใช้

ส่งผลกลับ zIndex องค์ประกอบ:

object.style.zIndex

ตั้งค่า zIndex องค์ประกอบ:

object.style.zIndex = "auto|number|initial|inherit"

ค่าคุณสมบัติ

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

การสนับสนุนโปรแกรมน่าเชื่อถือ

โทรศัพท์

คู่มืออ้างอิง JavaScript และ HTML DOM

ตัวอย่าง JavaScript

การทดสอบ JavaScript

ตำรา JavaScript

ลิงก์ผู้สนับสนุน