Z-Index help

Question

#endRpsRequest {
width: 250px;
height: 250px;
background-color: white;
border-radius: 10px;
z-index: 10;
}

This html Element has a z-index of 10, and it is still the bottom most layer. This is the only element with the “Z index” property. The full code is attached. To access the element’s visibility, click on the unnamed button in the start screen, select rock paper or scissors, and then click end game. The white square is the request to end the game.

https://code.sololearn.com/Wka59zuKs8eu/?ref=app

Answer 1

In order to change the z-index position, you first need to determine the position for this element so that it goes out of the general flow.
For example (position: absolute).

Answer 2

https://stackoverflow.com/questions/9191803/why-does-z-index-not-work