2009-05-08 4 views
0

Aus irgendeinem Grund unsere picker hinter dem Aufklappmenü darunter in IE6JQuery UI Datepicker Sitzung nicht über Dropdown-Listen in IE 6

www.senegal.co.uk

fallen

Jede Suche ich getan habe, scheint die picker vorschlagen sollte damit umgehen .

Wir tun das folgende CSS an der richtigen 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, das Hinzufügen bgiframe und ruft:

$ ("# ui-Datepicker-div") bgIframe();.

Aber es löst das Problem nicht.

Irgendwelche Ideen?

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

Antwort

0

konnte keine Lösung dieses Problems in der Zeit finden, so dass am Ende nur in einigen Code setzen Sie die Dropdown-Listen

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

Würde nicht z-index: -1 senden Sie die Schicht an die zurück des Stapels damit unter das Formularelement setzen?

Ich denke, dass Sie einen positiven Wert benötigen.

+0

Das CSS ist, was von jquery ui zur Verfügung gestellt wird und was jeder sagt, um zu verwenden. –

+0

Nur wenn die Formularelemente positioniert sind. In IE6 sind Dropdown-Felder ActiveX-Steuerelemente und gehorchen nicht Z-Index trotzdem. –

3

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

+0

Habe versucht $ ("# ui-datepicker-div"). BgIframe(); aber es scheint nicht das Problem zu lösen ... –

+0

Es ist alles Kleinbuchstaben: $ ('# ui-datepicker-div'). bgiframe(); – balint

+0

ja, habe das auch versucht :-) –

2

Der schnellste und einfachste Weg, um dies wäre die BGIFrame Plugin zu verwenden, die sich um Ihr Problem mit IE6 bekommen sollten.

1

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

0

wir verwenden sind nicht explizit Positionierung zu verbergen, dass viel, so für mich hat es vor kurzem gearbeitet, um den folgenden Stil direkt auf die Select/Dropdown-Elemente, die nicht unter einem Datepicker verbergen würde:

zoom: -1; position: relative;

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

1

try $ ("# datepickerid") bgiframe().

Das bgiframe Plugin finden Sie unter http://docs.jquery.com/Plugins/bgiframe

Es wird von der jQuery UI-Team in den meisten Orten verwendet wird, wo sie so ein Problem haben.

Hoffe, es funktioniert auch für Sie.