CSS | fixed 가 뷰포트에서 동작하지 않을 때

다음과 같은 경우 새로운 쌓임 맥락(stacking context)이 생성되어
fixed 요소의 기준점이 변경된다

상위 요소에

• transform, perspective, filter, contain 속성이 있거나
• position: relative/absolute/fixed와 z-index가 설정되어 있거나
• opacity가 1이 아니거나
• overflow가 visible이 아닌 경우