vị trí: xuất hiện tương đối trên vị trí: tuyệt đối

Question

Có sự cố lạ trong IE7. Trong một số điểm, tôi có một DIV có vị trí: tuyệt đối trên nó (thả xuống giả) bất cứ khi nào có thứ gì đó đằng sau nó có vị trí: tương đối mục vị trí tương đối sẽ hiển thị thông qua div khác.

Relativly vị trí mục không có bất kỳ tập z-index, trong khi mặt hàng đó hoàn toàn vị trí (thứ mà mình muốn trên đầu trang) có z-index của 1000.

http://skitch.com/louiswalch/dub5h/microsoft-windows-vista

Answer 1

tôi nghi ngờ bạn' đã thử nó, nhưng thiết lập một z-index trên phần tử tương đối vị trí của bạn thấp hơn z-index của phần tử được định vị hoàn toàn của bạn làm thử nghiệm đầu tiên.

Nếu điều đó không hiệu quả, bạn cần đảm bảo cả hai phần tử đều giống nhau stacking context. Trong IE, bất cứ khi nào bạn áp dụng quy tắc CSS position cho một phần tử, nó tạo ra một bối cảnh xếp chồng mới trong phần tử đó. Điều đó có nghĩa là chỉ số z sẽ chỉ được tôn trọng đúng trong trẻ em và trẻ em của phần tử đó trong các ngữ cảnh xếp chồng khác với chỉ mục z thấp hơn vẫn có thể xếp chồng lên trên.

Trong trường hợp của bạn, bạn cần phải đặt menu thả xuống và nút trong cùng một bối cảnh xếp chồng hoặc áp dụng chỉ mục z cho 2 yếu tố tạo ngữ cảnh xếp chồng riêng biệt.