JQuery UI Datepicker sitzt nicht über Dropdowns in IE 6

Aus irgendeinem Grund fällt unser Datepicker hinter die Dropdowns unter ihm in IE6

www.senegal.co.uk

Jede Suche, die ich gemacht habe, scheint darauf hinzudeuten, dass der Datepicker sich damit befassen sollte.

Wir haben die folgenden css an Ort und Stelle:

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

Ich habe versucht, bgiframe hinzuzufügen und anzurufen:

("#ui-datepicker-div").bgIframe();

Aber es löst das Problem nicht.

Ideen?

Ich denke, wir werden jemanden mit Erfahrung mit jquery ui datepicker brauchen, um uns auf diesem zu helfen!

Antwort auf "JQuery UI Datepicker sitzt nicht über Dropdowns in IE 6 " 7 von antworten

Würde nicht z-index: -1 die Ebene an die zurück des Stapels senden und damit unter das Formelement setzen?

Ich denke, Sie brauchen vielleicht einen positiven Wert.

Sie brauchen auf jeden Fall BGIFrame - http://docs.jquery.com/Plugins/bgiframe

Der schnellste und einfachste Weg, dies zu umgehen, wäre, das BGIFrame plugin which should get around your issue with IE6. Plugin zu verwenden, das Ihr Problem mit IE6 umgehen sollte.

Das Problem ist ein Z-Index-Fehler mit IE6. Ich habe dieses Problem schon einmal gesehen, musste es aber nie mit jQuery verwenden. Hier sind ein paar Links, um Ihnen in die richtige Richtung zu helfen.

Link1 Link2

Konnte keine Lösung dafür rechtzeitig finden, also legte am Ende einfach code, um die Dropdowns

beforeShow: function() {
    $('.searchPanelGroup6').css('visibility', 'hidden');
},
onClose: function() {
    $('.searchPanelGroup6').css('visibility', 'visible');
}
zu verbergen

wir verwenden nicht explizite Positionierung so viel, so dass für mich vor kurzem gearbeitet, um den folgenden Stil direkt auf die Auswahl / Dropdown-Elemente, die nicht unter einem Datepicker verstecken würde anwenden:

zoom: -1; position: relative;

(oh, und es wurde in einem separaten Stylesheet angewendet, die nur für ms dh 6 verwendet wird...)

versuchen Sie es mit "("#datepickerid").bgiframe();

Das bgiframe Plugin ist verfügbar bei http://docs.jquery.com/Plugins/bgiframe

Es wird vom jQuery UI-Team an den meisten Orten verwendet, wo sie ein solches Problem haben.

Hoffe, es funktioniert auch für Sie.