如何让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; }

Answer 2

你在用position: relative吗？

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

顺便说一句,您的浏览器对于检查它是否有效非常重要.IE或Firefox都不是一个好的.

位置相对和 z 索引设置为 999999999999999999999999999999999999999999999999999。在铬中。仍然隐藏在地图后面 (4认同)
你找到了解决方案吗？在Chrome中遇到同样的问题 (2认同)

Answer 3

你应该position:fixed用来使z-index值适用于你的 div

Answer 4

将DIV的z-index设置为大于其他DIV的索引.你还需要确保DIV还有position其他static设置.

CSS:

#someDiv {
    z-index:9; 
}

位置相对和z索引设置为99999999999999999999999999999999999999999999999999999.in chrome.仍隐藏在地图背后. (4认同)

Answer 5

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

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