Ordre des z-index sur plusieurs modules
- WebActionPHP
- Topic Author
- Offline
- Junior Member
9 years 8 months ago #25683
by WebActionPHP
Ordre des z-index sur plusieurs modules was created 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:
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:
Please Log in or Create an account to join the conversation.
9 years 8 months ago #25684
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Ordre des z-index sur plusieurs modules
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
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.
- WebActionPHP
- Topic Author
- Offline
- Junior Member
9 years 8 months ago #25715
by WebActionPHP
Replied by WebActionPHP on topic Ordre des z-index sur plusieurs modules
Ç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; }
#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; }
Please Log in or Create an account to join the conversation.
Time to create page: 0.204 seconds