(CSS) z-index 9999 줬는데도 요소가 위로 안 올라옵니다

이거 왜 이러는지 아시는 분 계실까요. 드롭다운 메뉴를 다른 요소 위에 띄우려고 z-index를 아주 크게 줬는데도 계속 뒤에 깔립니다.

.box {
  z-index: 9999;
}

이렇게 했는데 안 먹혀서 99999로도 해보고 별짓을 다 했는데 그대로예요.

그리고 좀 이상한 게, 부모 컨테이너에 이런 스타일이 들어가 있거든요.

.parent {
  opacity: 0.99;
  transform: translateZ(0);
}

혹시 이 부모 쪽 속성이랑 관련이 있을까요? z-index 숫자만 키우면 되는 줄 알았는데 뭔가 다른 규칙이 있는 것 같아서요. 자식이 부모 안에 갇힌 느낌인데 원인이랑 해결법 부탁드립니다.