0
这是我在JS Bin上工作的原型。在其他顶端放置DOM元素
当鼠标悬停1秒在任何文本输入字段上,我做了一个弹出框显示到一个悬停的元素。现在,我怎样才能使弹出框坐在其他人的顶部,所以它不影响其他元素的位置?像一个工具提示?
看来我可以使用jQuery UI的position()
,但我不是很清楚我可以如何将它应用于我的特定需求。
这是我在JS Bin上工作的原型。在其他顶端放置DOM元素
当鼠标悬停1秒在任何文本输入字段上,我做了一个弹出框显示到一个悬停的元素。现在,我怎样才能使弹出框坐在其他人的顶部,所以它不影响其他元素的位置?像一个工具提示?
看来我可以使用jQuery UI的position()
,但我不是很清楚我可以如何将它应用于我的特定需求。
您可以将工具提示元素的css值position
设置为absolute
。 这样,它就会从普通的内容流中移除,并放置在顶层。
如果您希望将其附加到其容器元素,请为此设置position: relative
。
您将使用jQuery UI定位,并在显示时将div相对于文本框定位。你可能还需要在你的弹出窗口中使用'position:absolute',不确定'position()'是否适合你。 –
您可以为该元素设置'position:absolute',然后设置一个'z-index' –