Probleme de z-index

Bonjour,
je développe un site depuis quelques jours avec joomla, et j'ai un problème sur cette page : http://nano3.cdg08.fr/index.php/icons/handicap/les-acteurs/le-cdg

Quand vous scrollez assez pour que le menu de gauche passe en dessous du menu central, l'icone "+" et "-" du menu de gauche passe au dessus du menu central.

J'ai donc mis un z-index très élevé sur le menu principal, et un z-index faible sur le menu de gauche, mais cela ne change rien. (sans doute du bootstrap ou je ne sais pas quoi qui pose ce soucis)

Si vous voulez le code : clic droit > examiner l'élément. Je fais ce site avec joomla, je peux pas faire mieux


Comment faire pour que absolument rien ne passe au dessus de ce menu principale ?


Merci d'avance

P4atch

Bonjour,

Le <nav id="nav"> a un z-index à "auto" il ne faudrait pas (un z-index supérieur au + du genre 1).
Les "+" on un z index à 10, il ne faudrait pas non plus (pas de z-index).

Bonjour.

Z-index... très compliqué.

Il n'y a uniquement les lignes qui ont ces + et - qui sont affectés...

J'ai regardé la différence avec les autres et c'est - entre autres :

position : relative

Si je l'enlève, la ligne passe en-dessous comme les autres mais évidemment plus de signes...

La solution est probablement là-dedans :
http://iamvdo.me/blog/comprendre-z-index-et-les-contextes-dempilement

Je n'ai pas compris grand-chose mais vous serez peut-être plus motivé que moi.

[EDIT]

Bonne journée à tout les deux
Modifié par _laurent (04 Apr 2017 - 11:55)