使圖像漂浮在jQuery對話框的外面

我有一個jQuery對話框，我希望它裏面的圖像看起來像浮在對話框之外。我嘗試了位於here的解決方案，但它對我無效。我看到的只是一個截斷的圖像，一旦它跨過對話框窗口（或對話框標題欄）的邊界，我就從代碼中刪除了該解決方案，並從頭開始重新開始。我的相關代碼如下內容：使圖像漂浮在jQuery對話框的外面

的jQuery：

$("#idForm").dialog();

HTML：

<div id="idForm" title="Identify"> 
    <img src='images/i_info.png' 
     alt="identify icon" 
     id='idFormIdentifyIcon' 
     style="position: relative; top: -20px; left: -20px; z-index: 999999" /> 
    ...other HTML here... 
</div>

所有我想要的是浮動對話框窗口外的圖像。有小費嗎？我已經嘗試了絕對和相對位置，並且在有和沒有「overflow：visible」的情況下都如同鏈接的例子。

謝謝。

來源

2012-11-26 QuittersNL

你檢查了這個： - http://stackoverflow.com/questions/6115947/how-to-make-items-float-outside-of-jquery-dialogs？ –

也許你沒有給我們完整的代碼。給div＃idForm {position：relative;}和img＃idFormIdentifyIcon {position：absolute;頂部：-20px;左：-20px;}應該做的伎倆。 – Jawad

確保您的「溢出」是「可見的」。這應該是默認的，但你永遠不知道，某處某處可能會改變... *編輯：對不起，只是這樣你的帖子腳本... * – agryson

我能夠通過將我的圖像放置在我的對話窗口的標題欄（而不是下面的主文本）中，然後按照我的問題開始處的鏈接示例中的其餘說明來解決我的問題。

來源

2012-11-26 18:51:17 QuittersNL

使圖像漂浮在jQuery對話框的外面

回答

相關問題