Version imprimable
J'ai utilisé pour mon site deux plugins jquery :
- JCarrousel (http://sorgalla.com/jcarousel/) qui permet de mettre en place un carrousel
- SmartMenus (http://www.smartmenus.org/) qui permet d'avoir un joli menu déroulant avec du responsive web design.
Le problème, c'est qu'en mettant ensemble les deux plugins, le menu déroulant apparaît derrière le carrousel, ce qui n'a pas de sens.
Please help :(
A noter que le problème existe sous google chrome et n'existe pas sous firefox
Hello !
Je n'ai pas utilisé ces plugins, mais il y a sans doute des div englobantes pour chacun de ces deux plugins dont tu peux modifier la superposition avec la propriété css z-index
Oui j'ai déjà eu à faire à ce genre de problème... regarde dans les CSS des tes plugins si il déclare une position z-index.Si oui, change les. Si il n'y en à pas rajoute la sur les div concernées =)
Je n'ai pas de trouvé de z-index dans les css des deux plugins.
J'ai rajouté z-index = 1; dans plusieurs attributs css du carrousel, le wrapper, les ul, les li.
J'ai rajouté z-index = 2; dans le menu, dans les items, les li les ul.
Quand je fais inspecter l'elément sur google chrome je retrouve le z-index 1 et 2 des éléments concernés.
Mais rien n'a changé le problème n'est pas résolu !!!
En mettant le wrapper du carrousel a z-index: -1; le problème est résolu, j'en ai conclu que le z-index par défaut est de zéro.
Mais je pense que je n'ai pas trouvée comment augmenter le z-index du menu à +1 (pour le cas où je devrais intégrer d'autres objets).
Bonjour,
J'ai essayé de mettre le z-index du smart menu à +2. Ca ne change rien. Il apparait toujours derrière le carrousel.
En mettant le z-index du carrousel à -1, il passe derrière le menu mais le carrousel ne marche plus. Ses boutons ne fonctionnent plus.
Please help !!!
Je viens de voir dans le code source de smartmenus qu'il modifie dans son code jquery les propriétés zindex à la volée. Le code source JCarrousel n'y fait pas référence.
Je n'ai pas pu comprendre comment je dois le modifier pour résoudre le problème. Le code source fait 48 pages !!!.
Pouvez-vous m'aider svp ?
Après de longs bidouillages sur les différents z-index (franchement au pif) et en mettant le jcarrousel position sur absolute le problème a été résolu.