글로만 설명하기 애매해서 이렇게 대충 적었습니다

보시는 바와 같이 빨간색이 인덱스 값이 100 파란색이 101 입니다.

당연히 101이 앞쪽으로 나오겠죠....

근데 노란색은 인덱스 값이 110인데도 인덱스값 101 보다 뒤에 있습니다.

보시면 노란색은 빨간색 박스 안에 있습니다.

노란색이 아무리 인덱스 값이 높아도 인덱스 값이 100인 빨간색 속에 들어가 있어서 파란색보다  앞쪽에 못나오는 겁니다.

대부분 보면

헤더 바디 부분에서 이런식으로 부모박스에 가려져서 인덱스 값을 아무리 조절해도 뒤쪽으로 가려지는 겁니다.

결론적으로

두개의 박스중 원하는 박스가 인덱스 값으로 앞쪽으로 나오게 하려면 두 박스가 서로 동등한 위치에 있는지 먼저 확인을 해야합니다.