J'ai le menu suivant
(Je ne sais pas pourquoi il n'affiche pas les 3 barres d'icônes lorsqu'il est réduit, mais elles sont là pour que vous puissiez le survoler et cliquer dessus, il s'ouvrira)
code
https://jsfiddle.net/x4mcq4h7/13/
Mon problème est que lorsque je survole l'élément de liste (yogaclasses) qui a un sous-menu (yogastyles), je ne peux pas cliquer dessus car il disparaît chaque fois que je vais dessus avec ma souris.
J'ai essayé de changer le CSS que j'ai mais sans chance et je ne sais pas quoi ni où je devrais chercher pour changer cela non plus ...
Je voudrais qu'il se comporte comme lorsque vous passez sur l'élément de la liste parent, il montre le sous-menu sur celui sous-jacent (menu événement) afin que vous ne puissiez pas voir le texte du menu événement, et bien sûr, bien sûr, être en mesure de cliquer dessus :)
Si quelqu'un peut m'aider dans la bonne direction, je l'apprécierais vraiment!
Vous devez ajouter z-index
que cela fonctionne bien et rendre ce lien cliquable,
.dropdown-content {
display: none;
position: absolute;
background-color: #CECB26;
min-width: 180px;
border-radius: 4px;
z-index:9;/*Add this*/
}
Vérifiez ce jsFiddle mis à jour
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
laisse moi dire quelques mots