[CSS]Problème de z-index

Bonjour,

je suis en train de réaliser un menu déroulant en CSS/JS, et je rencontre un problème assez énervant de positionnement en z: malgré des valeurs différentes, mes sous-menus sont placés en dessous de leurs menus parents... ce qui fait que lorsque je trace une bordure autour des éléments, elle est partiellement masquée par les éléments de niveau supérieurs.

Vous comprendrez facilement ce que je veux dire en voyant cette page

La structure HTML est faite de blocs div: chaque menu est une balise div qui englobe tous ses éléments enfants

Le menu est configuré via javascript. Tous les éléments sont configurés en z via "element.style.zIndex = x". J'incrémente x à chaque niveau de menu.

Est-ce que quelqu'un pourrait m'expliquer la cause de ce problème ?

Merci ;)

Salut,

le z-index agit qu'en position absolue ou fixe. Tu ne définies pas de positionnement, on est dons dans un positionnement de flux normal.
Ce genre de réponse a déjà été donnée dans le forum!

Hello,

en fait, le positionnement est absolu sous IE et fixé dans les autres navigateurs (c'est JS qui le paramètre, dans ma fonction "manageMenus")

Dans le CSS je n'ai pas attribué de positionnement absolu, pour qu'un utilisateur ayant désactivé js puisse bénéficier d'une mise en page correcte

:wink: