如何使jQuery模式框顯示在頁面元素的頂部？

Question

我目前正在開發一個小型的jQuery彈出窗口模式框。我正在使用toggleSlide()這個功能很好。然而，無論何時我打電話給該盒子，它都會將所有其他內容排除在外。

我試過對CSS屬性使用position: relative;和display: inline;，但都沒有工作。

想從任何能夠幫助的人那裏獲得一些見解。您可以在我的演示網站上查看代碼：[已刪除]很抱歉，此演示已脫機！

Answer 1

您需要將position:relative添加到.containmsg，然後將您的模式框設置爲position:absolute稍微調整圖以使其完美排列。

.containmsg { 
    display: block; 
    float: right; 
    margin-left: 50px; 
    position: relative; /* add this */ 
} 

.containmsg .mainComposeD { 
    left: -33px; 
    position: absolute; /* add this */ 
    top: 22px; /* add this */ 
}