Z-index ne fonctionne pas dans l'élément absolu

Question

J'ai essayé ceci pendant un moment mais l'index-z dans le .innerThing ne fonctionne pas J'essaye que la greenBox sera au-dessus de toutes les bonnes choses Je n'ai trouvé aucune solution n'importe où.

Merci!

.container { 
 
    overflow: scroll; 
 
    width: 100px; 
 
    height: 100px; 
 
} 
 

 
.thing { 
 
    position: relative; 
 
} 
 

 
.innerThing { 
 
    position: absolute; 
 
    background-color: green; 
 
    width: 200px; 
 
    height: 200px; 
 
    z-index: 100000; 
 
}

<div class="container"> 
 
    <div class="thing"> 
 
    <div class="innerThing"> 
 
     Fun In pita 
 
    </div> 
 
    </div> 
 
</div>

Answer 1

Est-ce que vous voulez.

.container { 
 
    overflow: scroll; 
 
    width: 100px; 
 
    height: 100px; 
 
} 
 

 
.thing { 
 
    position:relative; 
 
    height:800px; 
 
    background-color:red; 
 
} 
 

 
.innerThing { 
 
    position: fixed; 
 
    background-color: green; 
 
    width: 81px; 
 
    height: 20px; 
 
}

<div class="container"> 
 
    <div class="thing"> 
 
    <div class="innerThing"> 
 
     Fun In pita 
 
    </div> 
 
    </div> 
 
</div>