Page 1 sur 1

forcer le menu deroulant au dessus d'une banniere

Posté : 24 mars 2016, 22:09
par Chile
Bonjour,

Je viens de mettre en place un menu déroulant sur ma page.

Sous ce menu j'ai une bannière animé.

Le soucis est que lorsque je navigue sur ma barre menu, les sous menus se déroulent, mais sous la bannière qui est en dessous.

Comment puis passer l'affichage des sous menus déroulants au dessus de la bannière ? (La bannière, animée, est un script)

Merci.

Re: forcer le menu deroulant au dessus d'une banniere

Posté : 25 mars 2016, 00:36
par DrChristelle
bonjour, en passant le menu et le sous-menu en position absolute avec un z-index prioritaire peut être non ?
j'espere vous avoir aider ;)

christelle.

Re: forcer le menu deroulant au dessus d'une banniere

Posté : 25 mars 2016, 03:45
par @rthur
+1 pour la solution de DrChristelle avec le z-index

La seule limitation c'est que ça ne marchera pas sous IE si la bannière animée est une animation flash (c'est un bug connu avec Flash et IE)

Re: forcer le menu deroulant au dessus d'une banniere

Posté : 26 mars 2016, 14:33
par Chile
Bonjour,
Merci pour vos réponses.

Cette instruction se rajoute dans le fichier .css ?

Re: forcer le menu deroulant au dessus d'une banniere

Posté : 26 mars 2016, 15:16
par Ascla
Bonjour,
Effectivement, le passage en position absolute s'effectue du côté CSS.
Il suffit simplement de créer une classe ou un id y faisant référence (si ce n'est déjà fait).

Re: forcer le menu deroulant au dessus d'une banniere

Posté : 26 mars 2016, 15:24
par Chile
merci,
le menu et le slider ont chacun leur .css
dois je ajouter un z-index sur les 2 ?

Re: forcer le menu deroulant au dessus d'une banniere

Posté : 26 mars 2016, 15:45
par Chile
j'utilise ce menu http://www.outils-web.com/script-html-c ... ontenance/, avec slider http://www.outils-web.com/page-script-j ... ll=g-cycle,
et je n'arrive pas a passer les sous menus ouverts sur le slider qui est en dessous. Ils disparraissent derriere...

Re: forcer le menu deroulant au dessus d'une banniere

Posté : 26 mars 2016, 20:07
par Chile
ca y est j'ai installé le z-index sur le css du menu, et ca fonctionne. merci beaucoup !!