Chỉ số z cao hơn css xuất hiện dưới một số thấp hơn

Question

Tôi đang gặp khó khăn với vấn đề với chỉ mục z trên css.

Tôi có một mục với chỉ mục z < 100 và một mục khác (hình ảnh) với chỉ số z là 3000 (thực sự cao hơn rất nhiều).

Vẫn là trang thứ hai xuất hiện bên dưới trang đầu tiên, nó khiến tôi hơi điên. Tôi đã tìm kiếm một chút về vấn đề này, tôi đã đọc rằng nó có thể được gây ra bởi không đặt một vị trí, vì vậy tôi đã thử với vị trí: cố định, vị trí: tương đối, nhưng không ai trong số 2 công việc.

Trang web này là: www.imagine-that.be

Những hình ảnh đã xuất hiện ở góc dưới bên phải, ở phía bên phải của menu. Bạn có thể nhìn thấy nó sau menu.

này là mã css mà tôi cố gắng sử dụng:

#menulogo { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:2000; 
} 
#menulogo img { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:2000; 
} 

tôi thực sự không có một đầu mối tại thời điểm những gì tôi nên làm gì để giải quyết việc này, vì vậy bất kỳ trợ giúp sẽ được đánh giá cao thời gian lớn !

regards,

Koen

Answer 1

Bạn nên đọc this MDN article học cách z-index công trình. Để khắc phục sự cố của bạn, chỉ cần cha mẹ div#menulogo của bạn tại phần tử body.

Answer 2

Thay đổi mã của bạn như thế này

#menulogo { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:2000; 
} 
#menulogo img { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:5000; //changed from 2000 to 5000 
}