Un élément div déroulant qui devrait fonctionner comme ceci en vue mobile, mais apparaît en vue mobile dans l'élément inspect.

J'ai essayé de modifier le style CSS z-index de presque tous les éléments de navigation associés pour conserver cet élément à "z-index:121212 !important;", mais le div déroulant apparaît toujours derrière tous les autres liens de navigation.

Est-ce que quelqu'un sait pourquoi cela se produit ? Toute aide serait grandement appréciée.

Voici mon code HTML et son CSS :

 .navbar-mobile .dropdown>.dropdown-active { bloc de visualisation; indice z : 121212 ; } .dropdown-contenu { affichage : aucun ; position : absolue ; couleur d'arrière-plan : var(--bg-dark); largeur minimale : 200 px ; ombre de la boîte : 0px 10px 10px 0px rgba(0,0,0,0.2); indice z : 101 000 ; animation : marketNav 0,5 s ; } .dropdown-content un { couleur : #fff ; remplissage : 12px 16px ; décoration de texte : aucune ; bloc de visualisation; } .dropdown-content a:hover{ couleur d'arrière-plan : var(--couleur-main); couleur : #000 !important; } .dropdown-content a:hover{ couleur : #1F586B ; } .dropdown : survolez .dropdown-content{ affichage : bloc en ligne ; } .nav-pills.has-two .nav-item .nav-link.active { couleur d'arrière-plan : var(--couleur-main); couleur : #000 ; } .nav-lien{ poids de la police : 600 !important ; espacement des lettres : 0,8 px ; } Écran @media et (largeur minimale : 1 024 px) { .support-lien{ marge droite : 10px ! important ; } .nav-lien{ padding-left : 25px !important ; } } .nav-pills.has-two .nav-item .nav-link { couleur d'arrière-plan : #000 !important ; couleur : #fff ; rayon de bordure : 0 ; -webkit-border-radius : 0 ; -moz-border-rayon : 0 ; -ms-border-radius : 0 ; -o-border-rayon : 0 ; remplissage : 12px 20px ; } 
 
 
 
     ≪/a> 
  
 Connexion S'inscrire 
 
  
 
 
编辑：法被点击。所以我添加了一些高度的空白div, il s'agit d'un lien nav-link, d'un JS et d'un CSS.点击« dropdown-content »中的链接了。