iOS Safari 기반 WebView 환경에서는 transform 속성이 적용된 요소가 별도의 compositing layer(GPU layer) 로 승격되면서, 기존의 DOM 기반 stacking context와 다른 렌더링 계층을 형성하는 문제가 발생한다. 이로 인해:z-index 값이 낮은 요소라도transform이 적용된 경우→ 일반 레이어보다 상위에 렌더링되는 현상이 발생할 수 있다. 원인transform, opacity, will-change 등의 CSS 속성은 브라우저에서 GPU compositing layer 생성 트리거로 동작iOS Safari(WebKit)는 이 compositing layer를 독립적인 stacking context보다 우선적으로 처리하는 경향이 있음결과적으로 DOM..