可靠地覆蓋div（工具提示）以上模態JQuery UI對話框？

我使用CSS/Javascript來顯示mouseover上各種輸入的工具提示。這可以在各種條件下工作，但我在模式 Jquery UI對話框中遇到了一些問題。當我第一次打開對話框時，它可以100％正常工作（工具提示出現在前面的對話框中），但是如果我關閉它並重新打開它（而不用重新加載頁面），工具提示將顯示後面的對話框。 I did明確設置了工具提示div和對話框的z-index，以便工具提示具有較高的值，但僅在第一次工作。如果我設置對話框非模態，一切都很好，即使重開（但我高度在這種使用情況下寧願模式）注意：測試在Firefox 3.6.3可靠地覆蓋div（工具提示）以上模態JQuery UI對話框？

任何想法，爲什麼它的工作原理只在第一次打開對話框？

我有一個輔助的div：

<div style="float: right; margin: 0px 10px 5px 0px;" id="tool_tip_help_id"></div>

在我將追加實際提示：

jq('div#tool_tip_help_id').append('<div id="tool_tip_id" class="toolTipDiv" style="display: none;"></div>');

CSS工具提示格：

div.toolTipDiv{ 
    background-color: #FFFF99; 
    border-left: 1px solid gray; 
    border-top: 1px solid gray; 
    border-right: 3px solid gray; 
    border-bottom: 3px solid gray; 
    position: absolute; 
    padding: 2px 2px 2px 2px; 
     line-height: 120%; 
    font-size: 12px; 
    z-index: 100; 
}

相關對話框聲明的例子：

jq("#Dialog").dialog({ 
       bgiframe: true, 
       autoOpen: false, 
       width: 595, 
       modal: true, 
       draggable: false, 
       zIndex: 1, 
});

來源

2010-06-21 Botond Béres

您是否嘗試增加z-index？像1001或其他東西 – jAndy 2010-06-21 12:06:31

+1 - 它不適用於1001，但它適用於1003 :)（至少在Firefox中，尚未在其他瀏覽器中測試過）。我現在確定它是巨大的（100100）。如果我檢查Firebug，由於某種原因，當對話框第一次打開時，我的對話框** zIndex **設置是* kinda *尊重，它被設置爲** 3 **，但是當我第二次打開它時設置爲** 1002 **。 – 2010-06-21 12:43:44

不知道如何「關閉」這個現在，也許你應該添加它作爲答案:)。在任何情況下，這都提醒我不要相信第三方代碼的行爲完全符合預期**，而無需實際檢查。我通常知道這一點，但這次忽略了它。 – 2010-06-21 13:22:26

它不與1001的z-index工作，但它與1003

工作因此，將其設置爲一個非常大的值，就可以（100100）。

來源

2011-01-12 22:39:12 jjross

我添加了這個答案，以便它可以被確認和關閉。 – jjross 2011-01-12 22:39:32

可靠地覆蓋div（工具提示）以上模態JQuery UI對話框？

回答

相關問題