Zuverlässig overlay-div (tooltip) über dem modal JQuery UI Dialog?

Ich bin mit CSS - /Javascript-tooltips für die verschiedenen Eingänge auf mouseover. Dies funktioniert in vielen Bedingungen, aber ich habe einige Schwierigkeiten mit inputs innerhalb einer modal Jquery-UI-Dialog.
Wenn ich öffnen Sie den dialog das erste mal, es funktioniert zu 100% in Ordnung (tooltips zeigen, bis in vor dialog), aber wenn ich es schließen und es wieder öffnen (ohne Neuladen der Seite), die tooltips zeigen sich hinter den dialog. Ich hat explizit gesetzt werden, z-index der tooltip-div und dialog, so dass der tooltip hat einen höheren Wert, funktioniert aber nur die erste Zeit .
Wenn ich den dialog nicht modal ist, ist alles in Ordnung, auch wenn neu-Eröffnung (aber ich sehr lieber modal in diesem Fall verwenden)
Hinweis: Getestet in Firefox 3.6.3

Irgendwelche Ideen auf, warum funktioniert es nur beim ersten öffnen des dialogs?

Habe ich eine helper-div:

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

In die werde ich Anhängen der eigentliche tooltip:

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

CSS für tooltip-div:

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; 
}

Relevanten dialog-Deklaration Beispiel:

jq("#Dialog").dialog( {
                bgiframe: true,
                autoOpen: false,
                width: 595,
                modal: true,
                draggable: false,
                zIndex: 1,
});
haben Sie versucht, die Erhöhung des z-index? Wie 1001 oder so
+1 - Es funktioniert nicht mit 1001, aber es funktioniert mit 1003 🙂 (zumindest in Firefox, noch nicht getestet, aber in anderen Browsern). Ich habe einfach zu riesig jetzt (100100) um sicher zu sein. Wenn ich überprüfe mit Firebug, aus irgendeinem Grund, wenn das Dialogfeld zum ersten mal geöffnet, mein dialog, zIndex Einstellungen bisschen respektiert, es ist 3, aber wenn ich es öffnen das 2. mal, es ist eingestellt auf 1002.
Nicht sicher, wie "dicht" diese nun, vielleicht sollten Sie es als eine Antwort :). In jedem Fall ist dies erinnerte mich daran, nicht zu Vertrauen 3rd-party-code zu Verhalten, genau wie erwartet, ohne tatsächlich zu überprüfen. Meistens weiß ich, aber übersehen es dieses mal.

InformationsquelleAutor Botond Béres | 2010-06-21

  1. 1

    Funktioniert es nicht mit einem z-index von 1001 es funktioniert aber mit 1003.

    Als solcher, wenn er auf einen sehr großen Wert sollte funktionieren (100100).

    Ich fügte hinzu, das als Antwort, damit bestätigt werden konnte und geschlossen werden.

    InformationsquelleAutor jjross

Schreibe einen Kommentar