JQuery IE7 Z-Index Bug

Question

J'ai construit un menu déroulant Jquery en utilisant ce tutoriel: http://noupe.indexsite.org/tutorial/drop-down-menu-jquery-css.html

Il fonctionne sur les navigateurs, sauf pour IE7 (shooooocking). Il semble y avoir un problème de tri de z-index et le menu déroulant apparaît sous tous mes autres éléments JQuery. Je ne sais pas comment définir l'index z pour qu'il apparaisse en haut. J'ai soigneusement googlé le problème et il semble être lié à plusieurs éléments 'position: relative'. Je me suis amusé pendant quelques heures, mais je n'arrive pas à résoudre le problème. J'ai déjà essayé de définir z-index pour tous les différents éléments de la page mais cela ne semble pas aider la situation.

Vous pouvez consulter le problème ici: http://hardtopdepot.com/dev/index.html

Toute aide serait vraiment appréciée - merci! En outre, je sais qu'il existe d'autres problèmes IE7, mais je suis assez confiant que je peux résoudre ces problèmes car ils sont absurdes IE padding/marges standard. Z-index seul ne vous aidera pas.

Answer 1

L'ordre des éléments dans le DOM fait la différence: Placez l'élément de menu à la fin du corps via .appendTo ("body") et vous devriez tous être définis.