CSS에서 z-index는 어떻게 작동하나요?

스택 컨텍스트와 함께 z-index의 작동 방식과 의도한 레이어링을 구현하기 위한 팁을 설명해주세요.