Safari che mostra il bordo del PNG trasparente

2

Un sito web su cui lavoro ha un'immagine png parzialmente trasparente che si sovrappone a parti del sito web. L'immagine viene ridimensionata al 100% della larghezza della finestra del browser. In tutti gli altri browser le parti trasparenti si comportano normalmente, ma il safari mostra un contorno sottile se l'immagine deve essere trasparente.

Spero che lo screenshot chiarisca il problema:

Oramichiedosequestoèunbugounafunzionalità?Eovviamentemipiacerebbesbarazzarmidiquellalineaazigzag,quindiognisuggerimentoesuggerimentosonobenaccetti.Grazie!

EDIT:

  1. Sì,hocontrollatosel'immaginehaunalineagrigia-manonècosì.
  2. AnchequestoproblemaèapparsodopoaveraggiornatoSafaria11.0.2.
  3. Equandosimodificalalarghezzadiimgneglistrumentidisviluppoprimadellalarghezzaeffettiva(7000pixel)epoidinuovoal100%,lalineagrigiascompare.
  4. Eccoun collegamento al sito web dove viene visualizzato il problema.
posta tillinberlin 02.01.2018 - 17:37
fonte

1 risposta

1

Ho appena affrontato lo stesso problema e sono incappato in questa domanda.

Per me, l'immagine mostrava un bordo sottile, medio-scuro e sfumato sul bordo tra la parte non trasparente e la parte trasparente dell'immagine. Il problema era visibile solo in Safari.

Per me, la soluzione era di aggiungere semplicemente transform: translateZ(0px) all'immagine. Questo cambia il rendering dell'immagine in un modo che impedisce il bordo.

Tuttavia, potresti voler limitare questa correzione a Safari poiché provoca la renderizzazione dell'immagine in pixel in Chrome.

    
risposta data 21.03.2018 - 10:42
fonte

Leggi altre domande sui tag