สองสามเดือนที่ผ่านมาฉันเปิดตัวเว็บไซต์ใหม่และได้รับการร้องเรียนว่าโฆษณากระดานผู้นำปรากฏขึ้นเหนือเมนูแบบเลื่อนลงที่ฉันมีในหน้านั้น ง่ายพอฉันตรวจสอบโฆษณาของ css เห็นว่ามันมีดัชนี z เป็น 999 และเพิ่ม z-index ในเมนูเป็น 1, 000 แก้ไขปัญหา. ปัญหาเดียวกันอีกสองสามสัปดาห์ต่อมาเพิ่มขึ้นเป็น 10, 000 อีกครั้งในวันนี้ฉันต้องตรวจสอบโฆษณาอื่นที่ทำให้เกิดปัญหาเดียวกัน มีดัชนี 1 ล้าน น่ารำคาญแค่ไหน
นั่นทำให้ฉันสงสัยว่าอะไรคือค่าสูงสุดที่ฉันสามารถตั้งค่าดัชนี z ได้ เมื่อมองดูเอกสาร CSS ต่างๆดูเหมือนจะไม่ได้ระบุค่าสูงสุด คำตอบใน Firefox, IE และ Chrome คือ:
2147483647
นั่นคือค่าที่ลงชื่อสูงสุดของจำนวนเต็ม 32 บิต ในทางเทคนิคแล้วฉันคิดว่าข้อ จำกัด นี้มาจากภาษาการเขียนโปรแกรมที่เบราว์เซอร์สร้างขึ้นมาฉันแน่ใจว่ามีเบราว์เซอร์รุ่นเก่าบางรุ่นที่การตั้งค่าเป็นค่านี้อาจทำให้บางอย่างผิดปกติ สิ่งที่น่าสนใจว่า ดังนั้นถ้าคุณต้องการให้แน่ใจว่าองค์ประกอบของคุณแน่นอน 100% อยู่ด้านบนให้ตั้งเป็น 2147483647 แก้ไขปัญหาได้ อย่างไรก็ตามในความเป็นจริงฉันพบว่ามันน่ารำคาญมากที่โฆษณาได้ตั้งค่าเป็นจำนวนสูง เมื่อพิจารณาจากหน้าใด ๆ จะมีเลเยอร์ในจำนวนที่ จำกัด มากการตั้งค่าเป็นเลเยอร์ที่น้อยกว่านั้นควรทำการเล่ห์เหลี่ยม
