CSS边界半径不在野生动物在切换到盖茨-插图像

Question 1

在我的笔记本电脑我可以看到边界的半径图像，但它似乎没有工作在iphone上。 (即图像方只有在iPhone上，我没有看到边界半径:25px正在应用的图像)

编辑11-24：对不起，这是一段代码我使用的风格-成分

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

Question 2

是的，这是一个古老的'错误'. 这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

是的，这是一个古老的'错误'. 这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%;
   }
`

的问题