如何將DIV放置在JQuery的頂部和絕對位置？

任何人都可以給我一個想法如何div定位在JQuery中工作？如何將DIV放置在JQuery的頂部和絕對位置？

我想在絕對位置和其他一切顯示一個div？就像在一個表單中，我想顯示一個幫助彈出窗口，顯示在焦點文本框旁邊（就像他們在careers.stackoverflow> edit CV中所做的那樣）。

類似地，當您將鼠標懸停在頭像上時，顯示懸停卡片的最佳策略是使用用戶個人資料摘要顯示一個小格子。

感謝

2010-11-04 neebz

怎麼是這樣的：

$(document).ready(function(){ 
    $('#imgLinkToolTip').mouseover(function() { 
     $('#dvLinkToolTip').css({ left: $(this).position().left - 300, top: $(this).position().top - 45 }).show(); 
    }).mouseout(function() { 
     $('#dvLinkToolTip').hide(); 
    }); 
});

在這個例子中，imgLinkToolTip是你的鼠標懸停目標和dvLinkTooltip是你想要彈出的div。

是的，你的div將需要更高的z順序和位置：絕對。

來源

2010-11-04 19:02:45

這是很好的。我想要一個自制的選項，而不是使用外部庫。謝謝 – neebz 2010-11-06 16:12:37

關於「懸停卡」，我建議考慮了qTip Plugin。

來源

2010-11-04 18:56:17 dotariel

+1只是提qtip :) – 2010-11-04 18:57:24

要放置在頂部的div需要更高的z順序，位置：絕對值和尺寸。

我已經使用像qTip這樣的插件來提供您在過去提及的功能。可能還有100個其他工具提示插件也可以工作。

來源

2010-11-04 18:56:25

qTip是完美的 – 2010-11-04 19:00:51

定位div就像你沒有javascript/jQuery那樣完成。因此，我將首先創建一個實際編碼的HTML HTML/CSS演示，以展示您想要做的事情。將你的jQuery激活的內容定位在它自己的（絕對）定位div中。一旦它看起來不錯（檢查多個瀏覽器等），那麼你可以顯示/隱藏div，並且你不需要擔心用jQuery定製它。

或者，您正試圖定位jQuery激活的內容（因此，內容尚未加載到頁面中等），您可能需要設置內聯樣式$('#mydiv').css()設置絕對定位值（頂部，等等）。

來源

2010-11-04 18:57:32 matthewpavkov

定位

嘗試使用CSS樣式字段top：5px;左：PX，只要你想

嘗試使用FF螢火蟲，並檢查什麼真的發生

嘗試

位置：絕對和位置：相對

懸停或分層！

使用的z-index和位置

嘗試jQuery的幻燈片了slideDown的效果

來源

2010-11-04 18:58:26 zod

如何將DIV放置在JQuery的頂部和絕對位置？

回答

相關問題