CSS 국경 간 반경에서 작동하지 않는 사파리로 전환 후 개츠비-플러그인-이미지

Question 1

내 컴퓨터에 나가 국경을 볼 수 있습 반경의 이미지이지만,그것은 작동하지 않는 것에서 아이폰이나 아이 패드이다. (즉,이미지 광장에서만 아이폰/아이패드,나는 보지 못했 border-radius:25 픽셀입니다에 적용되는 이미지)

편집 11-24:이 코드 조각을 내가 사용하는 스타일의 구성 요소

export const MyImageContainer = styled(GatsbyImage)`
  cursor: pointer;
  border-radius: 25px;
`

Question 2

네,그것은 오래된'bug'. 이 css 해킹,문제를 해결해야합니다.

-webkit-mask-image: -webkit-radial-gradient(white, black);

Question 3

나는 유사한 문제와 경계 반경을 한 후 마이그레이션을 개츠비 플러그인 이미지입니다.

가 확실하지 않으면 이 주소를 당신의 질문에 추가할 수 있습니다 더 많은 정보와 일부 코드 조각 도움이 될 것입니다.

내가 사용하는 스타일의 구성 요소에 대한 내 프로젝트입니다. 나의 솔루션을 대상으로 img

예를 들어

export const MyImageVariable = styled(GatsbyImage)`
 border-radius: 50%;
  img {
    border-radius:50%;
   }
`

LSE · Answer 1 · 2021-11-24T05:08:47

네,그것은 오래된'bug'. 이 css 해킹,문제를 해결해야합니다.

-webkit-mask-image: -webkit-radial-gradient(white, black);

Code_Like_a_Newbie · Answer 2 · 2021-11-24T05:09:41

나는 유사한 문제와 경계 반경을 한 후 마이그레이션을 개츠비 플러그인 이미지입니다.

가 확실하지 않으면 이 주소를 당신의 질문에 추가할 수 있습니다 더 많은 정보와 일부 코드 조각 도움이 될 것입니다.

내가 사용하는 스타일의 구성 요소에 대한 내 프로젝트입니다. 나의 솔루션을 대상으로 img

예를 들어

export const MyImageVariable = styled(GatsbyImage)`
 border-radius: 50%;
  img {
    border-radius:50%;
   }
`

질문