Safari mostrando el borde de PNG transparente

2

Un sitio web en el que trabajo tiene una imagen de png parcialmente transparente que cubre partes del sitio web. La imagen se redimensiona al 100% del ancho de la ventana del navegador. En todos los demás navegadores, las partes transparentes se comportan normalmente, pero el safari muestra un contorno delgado cuando la imagen debe ser transparente.

Espero que la captura de pantalla aclare el problema:

Ahoramepreguntosiestoesunerror,¿ounacaracterística?Y,porsupuesto,megustaríadeshacermedeesalíneaenzigzag,porloquecualquiersugerenciaeindicadorsonbienvenidos.¡Gracias!

EDITAR:

  1. Sí,hecomprobadosilaimagentieneunalíneagris,peronolatiene.
  2. TambiénesteproblemaapareciódespuésdequeactualiceSafaria11.0.2.
  3. Yalmodificarelanchodelimgenlasherramientasdedesarrolloprimeroalanchoreal(7000px)yluegoal100%,lalíneagrisdesaparece.
  4. Aquíhayunenlace al sitio web donde aparece el problema.
pregunta tillinberlin 02.01.2018 - 17:37

1 respuesta

1

Acabo de enfrentar el mismo problema y me topé con esta pregunta.

Para mí, la imagen mostraba un borde delgado, medio oscuro y sombrío en el borde entre la parte no transparente y la transparente de la imagen. El problema solo era visible en Safari.

Para mí, la solución fue simplemente agregar transform: translateZ(0px) a la imagen. Esto cambia la representación de la imagen de una manera que evita el borde.

Sin embargo, es posible que desee restringir esta solución a Safari, ya que hace que la imagen se muestre pixelada en Chrome.

    
respondido por el Andreas Zwettler 21.03.2018 - 10:42

Lea otras preguntas en las etiquetas