Question

我正在使用CSS / Javascript显示鼠标悬停时各种输入的工具提示。这适用于很多不同的条件，但我在模态 Jquery UI对话框中遇到输入问题。当我第一次打开对话框时，它可以100％正常工作（工具提示显示在对话框的前面中），但如果我关闭它并重新打开它（没有重新加载页面），工具提示将显示后面对话框。我确实明确设置了工具提示div和对话框的 z-index ，以便工具提示具有更高的值，但仅在第一次有效。如果我将对话框设置为非模态，即使重新打开也一切正常（但我非常喜欢这个用例中的模态）注意：在Firefox 3.6.3中测试

关于为什么它仅在首次打开对话框时有效的任何想法？

我有一个帮手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>');

工具提示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,
});

Answer 1

它不能用于z1索引1001，但它适用于1003.

因此，将其设置为非常大的值应该有效（100100）。

在模态JQuery UI对话框上方可靠地叠加div（工具提示）？

1 个答案: