Z-Index 不适用于 position:fixed 和 position:absolute 的 div

Question

我有两个 div-Tag，一个包含带有徽标的标题，另一个是信息 div。徽标应始终位于顶部，但实际上并非如此。

在两者上我都设置了 z-index。标头的 z-index 为 500，信息的 z-index 为 200，因为它应该位于徽标下方。

在 CSS 中：

div#logo { position:fixed; z-index: 500;} 
div#markerInformation {position: absolute; z-index: 200;}

我得到的结果是相反的，你可以看到标志在信息下面：

要查看它的实际效果，您可以在这里查看：http://www.dominikamon.com/location/#f4ec7efc-d27a-4767-910b-f1af9a5547a8,4,52.231789,21.006128

注意div#logo的css定义是：

div#logo {
position: absolute;
z-index: 500;
}

但是一旦你向下滚动，就会有一个绑定到“滚动”的 jQuery 事件来设置位置：固定。

我已经查看了一些应该可以解决问题的帖子，例如：

• z-index not working with fixed positioning
• How does z-index and position fixed work together in css
• Position absolute has greater z-index than position fixed

也许我错过了其中一个要点，但我无法让它发挥作用？

Answer 1

试试这个

div#logo {
position: absolute !important;
z-index: 500;
}