2017-10-14 9 views
-2

Je veux que ma barre latérale apparaisse au-dessus de tout .i ont mis z-index à 10000, mais encore, les cartes se chevauchent, il le css de la carte de la barre latérale et le fondateur estPourquoi mon z-index ne fonctionne-t-il pas? Je veux que ma barre latérale apparaisse au-dessus de tout. J'ai mis z-index à 10000; mais les cartes se chevauchent, il

.sidemenu{ 
 
     position: fixed; 
 
\t  top: 0px; 
 
\t  width: 240px; 
 
\t  margin-left: -250px; 
 
\t  overflow: hidden; 
 
\t  height: 100vh; 
 
\t  background: black; 
 
\t  opacity: 1; \t 
 
     z-index: 100000000000000; 
 
\t  transition: all 0.3s ease-in-out; 
 
} 
 
    .founders { 
 
     display: flex; 
 
     flex-wrap: wrap; 
 
     flex-direction: column; 
 
     justify-content: center; 
 
     align-items: center; 
 
     width: 100%; 
 
     height: 100%; 
 
     color: white;  
 
}

+2

pouvez-vous fournir le code de travail ..? il n'y a pas de sortie. –

+0

Fournir votre code HTML pour résoudre – PraveenKumar

+0

Merci beaucoup pour aider voici le lien pour la page [link] (https://codepen.io/poojavpatel71/project/editor/XzxJWR) – Pooja

Répondre

0

est peut-être cela vous aidera

.sidemenu { 
    position: fixed; 
    top: 0px; 
    width: 100%; 
    margin-left: 100vw; 
    overflow: hidden; 
    height: 100vh; 
    background: black; 
    opacity: 1; 
    z-index: 100000000000000; 
    transition: all 0.3s ease-in-out; 
} 

.founders { 
    display: flex; 
    flex-wrap: wrap; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    width: 100%; 
    height: 100%; 
    color: white; 
} 
<div class="sidemenu"> 
    <ul> 
     <li><a href="">Home</a></li> 
     <li><a href="">Home</a></li> 
     <li><a href="">Home</a></li> 
    </ul> 
</div> 
<div class="founders"> 
    <div class="item"> 
     this is founder 
    </div> 
</div> 
+0

Merci beaucoup pour répondre. voici le lien vers la page [codepen link] (https://codepen.io/poojavpatel71/project/editor/XzxJWR) pouvez-vous jeter un coup d'œil ici – Pooja