Eveningstar

[ios] 사파리 safari에서 overflow:hidden, border-radius가 안될 때 본문

HTML&CSS

[ios] 사파리 safari에서 overflow:hidden, border-radius가 안될 때

두루루루루 2018. 12. 26. 16:50


크롬에서는 부모값의 border-radius와 overflow:hidden이 잘 먹힌다...

그런데 사파리에서는 자식이 부모 바깥으로 삐져나오고 있었다!



이런 식으로 자식 태그가 부모 태그를 뚫고 나와버리는,,,,,



서툰 영어로 구글신께 도움받음...



https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b



부모태그에

아래css를 추가해주었더니 오버히든 속성이 잘 먹는다^^!


-webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);



Comments