javascript - 在父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 */
}

现在弹出窗口出现在图标和行上方……</p>