Ordre des z-index sur plusieurs modules

More
9 years 8 months ago #25683 by WebActionPHP
J'ai créer un menu pour SlideShow CK
pour ce menu j'ai créer autant de module Maximenu CK qu'il y a de menu principale.

Chaque menu comporte un seul menu principale et un sous menu.

Les menus sont en float left dans une div de centrage en bas du SlideShow CK

Le but est de faire suivre les menus sur plusieurs lignes si la largeur est trop petite :silly:

Mon soucie est que les les menus se chevauche dans le mauvais z-index

J'ai inversé l'ordre des index ;)

.moduletableMenuSlideShow{z-index:99999 !important;}
.moduletableMenuSlideShow + div{z-index:99998 !important;}
.moduletableMenuSlideShow + div + div{z-index:99997 !important;}
.moduletableMenuSlideShow + div + div + div{z-index:99996 !important;}
.moduletableMenuSlideShow + div + div + div + div{z-index:99995 !important;}
.moduletableMenuSlideShow + div + div + div + div + div{z-index:99994 !important;}
.moduletableMenuSlideShow + div + div + div + div + div + div{z-index:99993 !important;}
.moduletableMenuSlideShow + div + div + div + div + div + div + div{z-index:99992 !important;}
.moduletableMenuSlideShow + div + div + div + div + div + div + div + div{z-index:99991 !important;}

mais cela ne fontionne pas.

j'ai simplifié avec les ID des modules

#foto_recent{z-index:99999 !important;}
#foto_portraits{z-index:99998 !important;}
#foto_social{z-index:99997 !important;}
#foto_film{z-index:99996 !important;}
#foto_geo{z-index:99995 !important;}
#foto_nature{z-index:99994 !important;}
#foto_print{z-index:99993 !important;}
#foto_personnel{z-index:99992 !important;}
#foto_viseos{z-index:99991 !important;}

toujours le même résultat :dry:

j'ai vérifier avec l'inspecteur et z-index est bien réécrit :ohmy:
Attachments:

Please Log in or Create an account to join the conversation.

More
9 years 8 months ago #25684 by ced1870
salut
pour que le zindex fonctionne il faut que ton élément soit positionné (hors du flux standard)
Essaies d'ajouter une position:relative à tous tes éléments en plus du zindex
CEd

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
9 years 8 months ago #25715 by WebActionPHP
Ça fonctionne parfaitement avec ta suggestion (position:relative;) SOS régler

#foto_recent{z-index:99999 !important;position:relative;}
#foto_portraits{z-index:99998 !important;position:relative;}
#foto_social{z-index:99997 !important;position:relative;}
#foto_film{z-index:99996 !important;position:relative;}
#foto_geo{z-index:99995 !important;position:relative;}
#foto_nature{z-index:99994 !important;position:relative;}
#foto_print{z-index:99993 !important;position:relative;}
#foto_personnel{z-index:99992 !important;position:relative;}
#foto_viseos{z-index:99991 !important;position:relative;}

j'ai ajouter une bodure pâle pour plus de clareté
.maximenuck2{ -webkit-border-radius: 4px !important; border: solid 1px #aaa; }
Attachments:

Please Log in or Create an account to join the conversation.

Time to create page: 0.204 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 765 guests and one member online