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

Question

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

我有一个z-index＆lt;的项目100，另一个（图像） z指数为3000（实际上高得多）。

第二个出现在第一个下面，它让我有点疯狂。 我已经对这个问题进行了一些搜索，我已经读到它可能是由于没有推出而造成的 一个位置，所以我尝试了位置：固定，位置：相对，但没有一个工作。

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