galaxy Tab에서 box-shadow 문제에 대한 질문입니다.
Creative
2023.04.01
galaxy Tab에서 box-shadow사용시 문제점입니다.
-moz-box-shadow:inset 1px 1px 3px 0px rgba(000,000,000,0.5);-webkit-box-shadow:inset 1px 1px 3px 0px rgba(000,000,000,0.5);box-shadow:inset 1px 1px 3px 0px rgba(000,000,000,0.5);
위 해당 코드를 적용시 사파리나 크롬 등 css3를 지원하는 브라우저에선 제대로 보입니다.하지만galaxy Tab에서 inset 이 제대로 작동하지 않습니다.
물론 저것만 사용했을시엔 제대로 보입니다. 하지만
-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;
를 같이 사용 하게되면
라운딩을 한 안쪽에만 그림자가 들어가야하지만 ( 물론 다른 css3를 지원하는 브라우저에선 제대로 보입니다. )
galaxy Tab에서 기기로 확인했을땐박스안쪽에 그림자가 생성되고 그 안쪽에 라운딩이 생깁니다.
해결 방법이 있을까요 ?
