JQuery UI Datepicker pas assis sur des listes déroulantes dans IE 6

Question

Pour une raison quelconque notre datepicker tombe derrière les menus déroulants ci-dessous dans IE6

www.senegal.co.uk

Chaque recherche que je l'ai fait semble suggérer le datepicker devrait faire face à cette .

Nous avons le code CSS suivant à la place:

.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*/ 
} 

J'ai essayé d'ajouter bgiframe et d'appeler:

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

Mais cela ne résout pas le problème.

Des idées?

Je pense que nous allons avoir besoin de quelqu'un avec de l'expérience en utilisant jquery ui datepicker pour nous aider sur celui-ci!

Answer 1

Impossible de trouver une solution à ce temps, alors à la fin vient de mettre dans un code pour cacher les menus déroulants

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

Answer 2

Ne serait-ce pas z-index: -1 envoyer la couche au retour de la pile en le plaçant ainsi sous l'élément de formulaire?

Je pense que vous pourriez avoir besoin d'une valeur positive.

Answer 3

Vous devez certainement BGIFrame - http://docs.jquery.com/Plugins/bgiframe

Answer 4

Le plus rapide et plus simple autour serait d'utiliser le plugin BGIFrame qui devrait contourner votre problème avec IE6.

Answer 5

Le problème est un bogue d'index z avec IE6. J'ai déjà vu ce problème mais je n'ai jamais eu besoin de l'utiliser avec jQuery. Voici quelques liens pour vous aider dans la bonne direction.

Link1 Link2

Answer 6

nous ne sommes pas en utilisant le positionnement explicite beaucoup, donc pour moi, il a récemment travaillé pour appliquer le style suivant directement aux éléments de sélection/dropdown qui ne se cacheraient pas sous un piqueur de date:

(oh, et il a été appliqué dans une feuille de style distinct qui est utilisé seulement pour ms IE6 ...)

Answer 7

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

Le plugin bgiframe est disponible à http://docs.jquery.com/Plugins/bgiframe

Il est utilisé par l'équipe jQuery UI dans la plupart des endroits où ils ont une telle question.

Espérons que cela fonctionne pour vous aussi.