将DOM元素定位在其他元素之上

Question

以下是我正在处理JS Bin的原型。

当鼠标在任何文本输入字段上悬停1秒时，我制作了一个弹出框以显示到悬停元素。现在，如何让弹出框位于其他框架之上，以免影响其他元素的定位？像工具提示？

似乎我可以使用position()的jQuery UI，但我不太清楚如何将其应用于我的特定需求。

Answer 1

您可以为工具提示元素设置css值position为absolute。 这样，它就会从普通内容流中删除并放在顶层。

如果您希望将其附加到其容器元素，请为此设置position: relative。