Z-Index不使用位置为固定且位置为绝对的div

时间:2014-03-19 16:20:51

标签: html css css-position z-index

我有两个div-Tags,一个包含带徽标的标题,另一个包含信息div。徽标应始终位于顶部,但不是。

我都设置了z-index。标题的z-index为500,该信息的z-index为200,因为它应该位于徽标的下方。

在CSS中:

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

我得到的结果恰恰相反,您可以看到徽标位于信息下方:

Screenshot of ignored z-index

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

请注意div #logs的css定义是:

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

但是只要向下滚动,就会有一个jQuery事件绑定到"滚动"设定位置:固定。

我已经查看了一些应该解决问题的帖子,例如:

也许我错过了其中一个,但我无法让它运转起来?

1 个答案:

答案 0 :(得分:0)

尝试这个

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