iOS에서 border-radius
와 overflow: hidden
속성이 같이 적용된 경우 제대로 동작하지 않는 이슈가 있습니다. 해당 이슈는 '쌓임 맥락(Stacking Context)' 과 관련된 이슈로 아래의 방법으로 해결할 수 있습니다.
div {
z-index: 0;
/* OR */
isolation: isolate;
/* OR */
-webkit-mask-image: -webkit-radial-gradient(white, black);
...
}
해당 포스팅은 이 글을 참고하여 작성했습니다.
'HTML·CSS' 카테고리의 다른 글
[CSS] scroll-padding-top 적용시 생기는 이슈 (0) | 2023.08.16 |
---|---|
[CSS] :has() (0) | 2023.07.12 |
[CSS] PC와 Mobile 구분 방법 (0) | 2023.05.07 |
[CSS] input 태그 자동완성 사용시 스타일이 변경되는 이슈 (0) | 2023.05.01 |
[CSS] 이미지 흐림 현상 (0) | 2023.04.28 |