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