ถามเซียน css ครับ ติดปัญหา z-index ใน ie6

Question

ผมทำ submenu ด้วย css ครับ

ิbrowser อื่นๆ แสดงผลปกติ แต่ไปติดปัญหาใน ie6 ที่ submenu ที่ยื่นลงมาไปอยู่หลัง combo box

ผมเลยใช้ z-index ใน css แต่ปรากฏว่า ie6 ไม่อ่าน z-index อีก

ใครพอจะทราบมั้ยครับว่าต้องแก้ไขอย่างไร

แก้มาทั้งวันแล้ว ปวดหัวมาก

goragod · Answer

มี 2 วิธี ที่นิยมกัน ยากๆทั้งนั้น

1. ทำการซ่อน select เมื่อมีการแสดง เมนู วิธีนี้เป็นวิธีโบราณหน่อย แต่ก็ง่ายสุด
2. ใช้ iframe รองด้านล่างของ เมนู วิธีนี้จะทำให้ ทุกสิ่งทุกอย่าง แม้แต่ flash สามารถอยู่ใต้เมนูได้ทั้งสิ้น แต่หลักการมันค่อนข้างจะยุ่งยาก วิธีการของมันก็คือ สร้าง iframe ขึ้นมา ขนาดเท่ากับเมนู วางไว้ตรงตำแหน่งที่เมนูจะแสดง แต่อยู่ด้านล่างของเมนู ครับ และกำหนดให้มันโปร่งใส

อาจต้องลองโค้ดสำเร็จนะครับ เทคนิคนี้ผมใช้กับ Ajax Tooltip ครับ แต่เมนูยังไม่เคยทำ ลองหาโค้ดสำเร็จรูปดูที่ http://dynamicdrive.com ครับ

ttong · Answer

ลำบากจริงๆ ด้วยครับ ผมละเกลียด ie6 จริืงๆ

มีคนนึงเค้าแนะนำ jquery ที่ชื่อ superfish ช่วยได้ครับ

แต่ผมมาลองใช้แล้ว ใน ie6 มันจะแสดงผลแปลกๆ ไม่รู้เพราะผมเขียนผิดหรือเปล่า

แต่มันไม่โดน combobox ทับก็โอเคครับ ใช้งานได้