在父div的css子容器前面定位z-index问题？答案

【问题标题】：Position z-index issue in css child container front on parent div?在父div的css子容器前面定位z-index问题？
【发布时间】：2012-04-25 13:38:18
【问题描述】：

有人可以看看http://goo.gl/X5Dzp，你会看到一个带有div css的数据列表。

在右侧是三个图标。我希望第一个图标的悬停隐藏我悬停时显示的弹出窗口的顶部边框。

当有人悬停时，我可以隐藏 pop div 顶部的边框。我已经尝试过https://stackoverflow.com/a/7490193/1252580，但它不适合我。

谢谢

【问题讨论】：

问题是你的弹出窗口是inside图标的div。图标不可能位于其中的 div 上方：jsfiddle.net/YBQfV/1 您需要将弹出窗口放在图标的 div 之外。然后它将起作用：jsfiddle.net/YBQfV/3
你尝试过最高位置吗？
@binarious 是的，有可能：jsfiddle.net/YBQfV/4（使用z-index: -1;）
@feeela 谢谢你的提示。

标签： javascript html css

【解决方案1】：

您需要在现有样式中添加以下样式：

/* any manually stacked elements need a 'position' with another value than 'static' */
div.row {
    position: relative;
    z-index: 1; /* greater than zero */
}

div.icon.win_pop.bubbleInfo {
    z-index: auto; /* no z-index for the icon! */
}

div.popup {
    z-index: -1; /* a negative z-index for the popup */
}

现在弹出窗口出现在图标和行的上方……

【讨论】：

对不起，我已经尝试过其他人的想法，他们删除了他们的答案。也感谢您的帮助。
@user1252580 对不起什么？如果它适合您，请投票并将答案标记为正确。