Ordre des z-index sur plusieurs modules
- WebActionPHP
- Offline Topic Author
- Junior Member
- Posts: 22
- Thanks: 2
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:
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:
by WebActionPHP
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
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.
- WebActionPHP
- Offline Topic Author
- Junior Member
- Posts: 22
- Thanks: 2
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; }
#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; }
by WebActionPHP
Please Log in or Create an account to join the conversation.
Time to create page: 0.672 seconds