CSS Border Radius non funziona in Safari dopo il passaggio a gatsby-plugin-immagine

Question 1

sul mio portatile riesco a vedere il confine raggio di immagine, ma non sembra funzionare su iphone o iPad. ad esempio, l'immagine è quadrata solo su iPhone / iPad, non ho visto border-radius:25 pixel viene applicata all'immagine)

EDIT 11-24: mi dispiace, questo è il frammento di codice che sto usando in stile-componente

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

Question 2

Sì, è un vecchio 'bug'. Questo css hack dovrebbe risolvere il problema.

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

Question 3

Io ho problema simile con il border radius dopo la migrazione a gatsby-plugin-immagine.

Non sono sicuro se questo risolve la tua domanda, si potrebbe desiderare di aggiungere più dettagli e di alcuni frammenti di codice possa essere utile.

Sto usando in stile-componente per il mio progetto. La mia soluzione è stata quella di destinazione img

Per esempio

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

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

Sì, è un vecchio 'bug'. Questo css hack dovrebbe risolvere il problema.

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

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

Io ho problema simile con il border radius dopo la migrazione a gatsby-plugin-immagine.

Non sono sicuro se questo risolve la tua domanda, si potrebbe desiderare di aggiungere più dettagli e di alcuni frammenti di codice possa essere utile.

Sto usando in stile-componente per il mio progetto. La mia soluzione è stata quella di destinazione img

Per esempio

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

CSS Border Radius non funziona in Safari dopo il passaggio a gatsby-plugin-immagine

Domanda

Migliore risposta

In altre lingue

Questa pagina è in altre lingue

Popolare in questa categoria

Domande popolari in questa categoria