ดัชนี z ของ IE7/IE8 ไม่ทำงานร่วมกัน ข้อเสนอแนะ?

แก้ไข: พบวิธีแก้ปัญหา บล็อกสีชมพูมี overflow:visible !important ซึ่งใน Internet Explorer ทำให้ดัชนี z ไม่ถูกต้อง หลังจากถอดออก โลโก้ก็มาอยู่ด้านบน

ดู: http://bit.ly/i7ER3e

ดูโลโก้ "**" (ข้างเมนูด้านบน) ด้วย Firefox/Chrome ซึ่งปรากฏอย่างถูกต้องเหนือบล็อกเนื้อหาด้านซ้าย (บล็อกที่มีพื้นหลังสีชมพู)

ใน IE7/IE8 โลโก้นั้นจะถูกซ่อนอยู่หลังบล็อกสีชมพู

ฉันยุ่งกับเรื่องนี้มา 2 ชั่วโมงแล้ว ลองมาหลายอย่างแล้ว ไม่สามารถทำให้มันปรากฏใน IE7/IE8 ได้

มีข้อเสนอแนะอะไรบ้าง?

(หมายเหตุ: ฉันกำลังทำงานในกรอบงานที่เข้มงวดมาก ซึ่งฉันไม่สามารถลอยโลโก้ไว้หน้าเมนูได้ ฉันต้องใช้ตำแหน่ง:สัมบูรณ์ในการวาง)


css xhtml internet-explorer-8 internet-explorer-7
person codemonkey613    schedule 18.01.2011    source แหล่งที่มา
comment
เซลล์นี้กำลังสืบทอดอยู่..เส้น-ความสูงของลำตัว..   -  person kobe    schedule 18.01.2011

คำตอบ (3)


arrow_upward
0
arrow_downward

ปัญหาไม่ใช่ดัชนี z ในกรณีของคุณ

ร่างกายของคุณมีความสูงเป็นเส้นๆ ซึ่งไม่เพียงพอ...

line-height:180%

เปลี่ยนสิ่งนี้เป็น 200 หรือประมาณนั้นจึงใช้งานได้ แต่ก็ยังไม่ใช่แนวทางที่ดี

แต่เพิ่งพบปัญหา....

person kobe    schedule 18.01.2011
comment
ขอบคุณที่ตอบกลับ แต่นี่ไม่ได้ช่วยอะไร - person codemonkey613; 18.01.2011

arrow_upward
0
arrow_downward

ลองใช้:

z-index: -1;

สำหรับองค์ประกอบที่ควรอยู่ด้านล่างโลโก้

person RDL    schedule 18.01.2011

arrow_upward
0
arrow_downward

ลองตั้งค่า position:relative; เช่นเดียวกับดัชนี z

รูปแบบตำแหน่งเริ่มต้นคือ position:static; และ IE มีข้อบกพร่องเกี่ยวกับการจัดการดัชนี z เมื่อรวมกับการวางตำแหน่งแบบคงที่ การตั้งค่าตำแหน่ง:ญาติสามารถแก้ปัญหาบางส่วนได้โดยไม่กระทบต่อสิ่งอื่นมากเกินไป

ดูหน้านี้สำหรับข้อมูลเพิ่มเติม (ลิงก์นี้มีไว้สำหรับ CSS3Pie ซึ่งเป็นแฮ็ก IE เพื่อช่วยสนับสนุนคุณลักษณะ CSS3 บางอย่าง เช่น รัศมีเส้นขอบ แต่ข้อมูลเกี่ยวกับข้อบกพร่องของดัชนี z นั้นเป็นข้อมูลทั่วไปและอาจครอบคลุมถึงปัญหาของคุณด้วย)

person Spudley    schedule 18.01.2011