Chỉ mục Z trong Internet Explorer không hoạt động

Question

Tôi đã tạo một menu cho trang web dành cho thiết bị di động, khi bạn nhấp vào nút menu, trình đơn sẽ mở ra, đây là trang;

http://www.roadtotheweb.com/m.about.html

Vấn đề duy nhất là trong IE và Windows phone menu không phải là yếu tố hàng đầu nhất cho các slide đằng sau đối tượng.

Tôi đã cố gắng thay đổi chỉ mục z, loại vị trí, hasLayout thành không có kết quả.

Tôi sẽ đánh giá cao bất kỳ hỗ trợ nào.

J

Answer 1

Dường như bạn có thể đối phó với một lỗi được biết:

“Trong Internet Explorer vị trí các yếu tố tạo ra một bối cảnh xếp chồng mới, bắt đầu với một giá trị z-index của 0. Do đó z-index không hoạt động đúng.”

Bạn có thể xem báo cáo lỗi trên Quirksmode trang web và một workaround giải thích in this blog post.

Về cơ bản những gì bạn phải làm là bọc nó trong một phần tử với Z-index cao hơn, ví dụ Đây là một phác thảo nhanh chóng của một workaround:

<div style="position: relative; z-index: 3000"> 
    <div style="position:absolute;z-index:1000;"> 
     ... 
    </div> 
</div> 

Answer 2

Nếu vẫn không hoạt động, đảm bảo chế độ tương thích được tắt cho trang web.

Answer 3

Tôi thường xuyên trao đổi hai lớp, thay đổi z-Index từ 0 thành 1 và ngược lại. Sau nhiều năm, nó ngừng hoạt động trong IE. Tôi đã thay đổi z-Index thành 1 và 2. Bây giờ nó hoạt động tốt. Tôi nghĩ rằng lỗi này phải làm với chỉ số 0 z.