CSS Border Radius ne fonctionne pas sous Safari après le passage à gatsby-plugin-image

Question 1

sur mon ordinateur portable, je peux voir le rayon des frontières de l'image, mais il ne semble pas fonctionner sur l'iphone ou l'iPad. (c'est à dire l'image est carrée uniquement sur iPhone / iPad, je n'ai pas vu border-radius:25px être appliqué à l'image)

EDIT 11-24: désolé c'est l'extrait de code que j'utilise de style-composant

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

Question 2

Oui, c'est un vieux 'bug'. Cette css hack devrait résoudre le problème.

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

Question 3

J'ai même problème avec rayon des frontières après la migration vers gatsby-plugin-image.

Vous ne savez pas si cela répond à votre question, vous voudrez peut-être ajouter plus de détails et quelques fragments de code qui vous seront utiles.

Je suis en utilisant le style-composant pour mon projet. Ma solution a été de cibler les img

Par exemple

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

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

Oui, c'est un vieux 'bug'. Cette css hack devrait résoudre le problème.

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

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

J'ai même problème avec rayon des frontières après la migration vers gatsby-plugin-image.

Vous ne savez pas si cela répond à votre question, vous voudrez peut-être ajouter plus de détails et quelques fragments de code qui vous seront utiles.

Je suis en utilisant le style-composant pour mon projet. Ma solution a été de cibler les img

Par exemple

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

CSS Border Radius ne fonctionne pas sous Safari après le passage à gatsby-plugin-image

La question

La meilleure réponse

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie