왜 내 Z- 색인이 작동하지 않습니까? 내 옆구리가 모든 것 위에 덧붙여 지길 바란다. 나는 z 지수를 10000으로 설정했다. 하지만 여전히 카드는

Question

내가 내 사이드 ​​바는 10000 Z- 인덱스를 설정 한 .I 모두의 상단에 표시 할 겹치지 만, 여전히 카드는 그것을 중복 사이드 바 및 설립자 카드의 CSS를

.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;  
 
}

입니다

Answer 1

이 당신이 작업 코드를 제공 할 수

.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>