jQuery:我可以使用 z-index 来解决这个问题吗？

Question

在讨论这个问题之前，我认为最好描述一下我正在尝试做的事情......如果你转到这个 fiddle ，你可以在行动中看到它(尽管存在问题):

http://jsfiddle.net/jhacks/xCcdn/99/ (需要选择 jQuery 才能工作)

我试图通过这篇文章解决的问题在 fiddle 中被公然搞砸了。由于我的 html 的顺序，工具提示 (topTip) 会在通知图标 (topIconNew) 出现时将其向下推送。显然，通知图标应该保持静止。我不想重新排序 html，因为通知图标并不总是存在。因此，它们都可以使用同一个类来定位。我认为解决方案应该是z-index？然而，我尝试使用 CSS 来解决它似乎不起作用...我认为也许我必须在 jQuery 中做一些事情？

如果有人能在这里帮助我，我将不胜感激。如果我需要更清楚地了解我在这里要做的事情，请告诉我，我会尽力更好地解释。谢谢!

Answer 1

将 .topTip 的两个 CSS 属性更改为:

position: absolute;
top: 40px;
right: 0px;

并将此 CSS 属性添加到 .topIcon:

position: relative;

Updated jsFiddle