css более высокий z-индекс появляется под более низким

Question

У меня проблема с z-индексами на css.

У меня есть один элемент с z-index <100, а другой (изображение) с z-индексом 3000 (действительно, намного выше). </p>

Тем не менее, второй появляется под первым, он сводит меня с ума. Я немного искал проблему, я читал, что это может быть вызвано не ставкой позиция, поэтому я пробовал с позиции: фиксированная, позиция: относительная, но ни одна из 2 не работает.

Сайт является: www.imagine-that.be

Изображение должно появиться внизу справа, справа меню. Вы можете слегка увидеть его за меню.

это код CSS, который я пытаюсь использовать:

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

У меня действительно нет понятия, что мне делать, чтобы решить эту проблему, поэтому любая помощь будет оценена по достоинству!

С уважением,

Koen

Answer 1

Вы должны прочитать эту статью MDN , чтобы узнать, как работает z-index.Чтобы решить эту проблему, просто укажите родительский элемент div#menulogo в элементе body.

Answer 2

Измените свой код следующим образом

#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
}