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

Hello,

Je ne suis pas sûr de comprendre ton problème, ou alors c'est que tu l'as résolu? Quand je fais défiler la page, j'obtiens: https://i.gyazo.com/c117f9fc4bef452baab99a7e8d255713.gif

N'est-ce pas le comportement attendu? Sur quel navigateur est-ce que tu testes?

(Il faudrait peut-être que te recharge la page en vidant ton cache, la procédure sous Chrome: https://superuser.com/a/512833)

Bonjour.
Effectivement, j'ai résolu mon problème.
Le soucis était un "z-index" définit sur "auto" dans le script qui fixe mon menu en haut de la page.
J'ai changer cette valeur pour qu'elle soit > 10 car les "+" et "-" possèdent un index = 10

Parfait, je classe.