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

Question

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

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

当有人盘旋时，我能够隐藏pop div顶部的边界。我试过https://stackoverflow.com/a/7490193/1252580，但这对我不起作用。

由于

Answer 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 */
}

现在弹出窗口显示在图标和行上方......