如何让Div显示在屏幕上的其他内容之上？

Question

我有以下弹出窗口：

但是，当我将此弹出窗口移动到地图上时，它会被隐藏：

我已经尝试在我的CSS属性表上设置z-index，但这不起作用。

我是否可以设置一些HTML / CSS属性，以便弹出窗口（即DIV）实际上始终位于其他所有位置之上？

Answer 1

z-index不是那么简单的朋友。如果你放z-index:999999999999 .....实际上并不重要.....但是当你给它z-index时它很重要。不同的dom元素也优先于彼此。

我做了一个解决方案，我用jQuery来修改元素css，只有当我需要元素在顶部时才给它z-index。这样我们就可以确定最后给出了这个项目的z-index，并且会记录索引。这个需要处理一些动作，但在你的情况下似乎是可能的。

不确定这是否有效，但您也可以尝试提供!important参数：

#desired_element { z-index: 99 !important; }

参考 philipwalton.com

Answer 2

您使用的是position: relative吗？

尝试设置position: relative然后设置z-index，因为您希望此div具有与其他div相关的z-index。

顺便说一句，您的浏览器非常重要，可以检查它是否正常工作。 IE或Firefox都不是一个好的。

Answer 3

将DIV的z-index设置为大于其他DIV的z-index。您还需要确保DIV上设置position以外的static。

CSS：

#someDiv {
    z-index:9; 
}

在此处阅读更多内容：http://coding.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/

Answer 4

尝试将位置设置为绝对，即。

#yourDiv{
    position: absolute;
    z-index: 10;
};

Answer 5

您应该使用position:fixed将z-index值应用于您的div