z-index กำหนดค่าเป็นลบได้
div ที่อยู่ด้านในจะอยู่บน div ที่อยู่ด้านนอกเสมอ
ระดับชั้นจะนับจาก div แรกที่กำหนดค่า z-index
ไม่ได้นับจากระดับชั้น html ตามปกติ
ถ้า div1 ระดับนอกสุด 100 มี div1_1 ระดับใน 500
และ div2 ระดับนอกสุด 200 มี div2_1 ระดับใน 300
div2 จะทับ div1
div2 จะทับ div1_1 แม้ว่าจะมี z-index จะน้อยกว่า เนื่องจากนับจาก div ระดับแรกสุด คือ div1
div2_1 จะทับ div1 และ div1_1 แม้ว่าจะมี z-index จะน้อยกว่า div1_1
เพราะว่า div2_1 อยู่ใน div2 ซึ่งนำมาเทียบกับ div1 แล้ว div2 มี z-index มากกว่า div1
#Div0 ZNO
#Div0_1 Z12
#Div0_2 Z199
#Div0_2_1 Z201
#Div1 Z200
#Div1_1 Z1
#Div1_2 Z500
#Div2 Z300
#Div2_3 Z9
#Div2_1 Z8
#Div2_2 Z7
#Div3 Z400
#Div3_1 Z5
ไม่มีความคิดเห็น:
แสดงความคิดเห็น