Ordre des z-index sur plusieurs modules

Ordre des z-index sur plusieurs modules was created by WebActionPHP

Posted 9 years 1 month ago #25683
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.

Replied by ced1870 on topic Ordre des z-index sur plusieurs modules

Posted 9 years 1 month ago #25684
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

by ced1870

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

Replied by WebActionPHP on topic Ordre des z-index sur plusieurs modules

Posted 9 years 1 month ago #25715
Ç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.672 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 909 guests and 2 members online