css 较高的 z-index 出现在较低的一个下方

Question

我正在努力解决 css 上的 z-indexes 问题。

我有一个 z-index

第二个仍然出现在第一个下面，这让我有点抓狂。 我已经对这个问题进行了一些搜索，我读过它可能是由于没有放 一个位置，所以我尝试了位置：固定，位置：相对，但是这两个都不起作用。

该网站是： 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;
}

我现在真的不知道该怎么做才能解决这个问题， 因此，任何帮助将不胜感激！

问候，

科恩

Answer 1

您应该阅读this MDN article 以了解 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
}