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' –