如何把一個元素（在jQuery對話框中）放在它上面？

我正在使用jQuery對話框來彈出一個div（用戶窗體填滿）。我正在使用下面的插件進行驗證。現在如何把一個元素（在jQuery對話框中）放在它上面？

我的問題是，我的領域是接近對話框的邊緣，當錯誤提示（如「字段必填」）彈出時，就變成裏面的對話框中溢出。我想要的是讓它浮動在對話框的頂部。

這是一張圖片。

Error

2012-06-30 Incognito

實時鏈接肯定會有所幫助。創建一個[jsfiddle]（http://jsfiddle.net）或給出一個工作示例 – Jashwant

我個人總是將工具提示添加爲身體的直接子對象（不在對話框內），並將其定位爲絕對相對於它的元素涉及到或鼠標。您可能需要也可能不需要設置工具提示的z-index，那麼我不是100％關於z-index的工作方式，因爲我認爲它在早期的瀏覽器（例如IE 6）中尤其不同。 – ClarkeyBoy

你可以給overflow:visible對話框容器開始（有滾動條的一個 - 使用瀏覽器的檢查元素功能找到它是哪一個）。

2012-06-30 13:35:55 egasimus

溢出：可見是關閉解決方案，我可以得到:)。雖然工具提示現在可以在標題欄的頂部，但它不會渲染到對話框的外部。它仍然在對話框的邊緣切割。不過，無論如何，謝謝！ :) – Incognito

您可以嘗試向父元素添加「overflow：visible」，直到工具提示未被對話框剪切。 – egasimus

給工具提示一個更高的z-index。

例如，如果您的對話框有z-index：1000;提供工具提示z-index：2000;

2012-06-30 13:42:27

我試過了，但沒有奏效（我猜：D）。我檢查了他們的指數。我右鍵點擊對話框標題欄，它的z-index是1000，而我的工具提示大約有5k：/ – Incognito

oops ..這很奇怪。 z-index一直爲我工作。你能以某種方式分享代碼嗎？ –

我稍後會做一個假人（頁面太大）。將盡力更新:)謝謝。 – Incognito

嘗試使用舊版插件例如：2.5。在該版本中，消息的容器被附加到文檔的正文而不是表單，因此消息始終可見。我不知道他們爲什麼改變了這一點。

2012-10-11 10:58:52 itirl

回答