Actualmente estoy trabajando en un sitio web y tengo un problema con Safari. Al cargar una imagen, hay un fondo negro que se coloca como un soporte. Prefiero que sea transparente o blanco, pero parece que no puedo resolverlo. Compruébelo usted mismo:Fondo de imagen de representación de Safari negro en carga
http://blazing-ocean-6482.herokuapp.com/
que he hecho html y el cuerpo tienen background-color: blanco; pero esto no parece haber cambiado el problema.
Sólo tiene que guardar la imagen PNG con interlaced opción
He tenido el mismo problema que el anterior (solo en Safari). La etiqueta de mi cuerpo tiene una imagen de fondo, es repeat-x y se usa como fondo para todo el sitio web. Cuando un usuario va a la página en Safari, hay un destello negro en la carga de la página. He buscado las edades para encontrar una solución a esto, pero parece ser un error no resuelto con Safari.
He intentado agregar "style: background-color: #FFF" a las etiquetas html y body y también intenté usar la vieja escuela "bgcolor: #FFF" - none work.
La única forma en que podía hacer que Safari se comportara era usar CSS + jQuery. Dale al cuerpo una clase de "bg-on" en tus archivos html y CSS. En un archivo .js vinculado o en el de su página HTML en etiquetas:
jQuery(function ($) {
$(document).ready(function(){
$('body').removeClass('bg-on');
});//end document ready
/* NOTE (window).load fires when images have been fully loaded */
$(window).load(function() {
$('body').addClass('bg-on');
});//end window load function
});//end jQuery function no conflict mode
Lo que el anterior es cuando el DOM está cargado por el navegador, se elimina la clase del cuerpo, por lo tanto, no lo hará Safari muestra un fondo negro ya que no hay una imagen de fondo allí. Luego, cuando se activa el evento window.load, cuando se han cargado todos los activos, se le da a la entidad la imagen de fondo ...
Tampoco afectará a los navegadores con discapacidad JS, ya que la clase de "bg-on" es codificado en el html.
No es una solución particularmente elegante, pero funciona para mí.
que tenía el mismo problema en Safari 6. mi imagen estaba en el espacio de color en escala de grises. Lo cambié a rgb y el problema desapareció. ¡Intente verificar la configuración del espacio de color de sus imágenes!
Tuve este problema recientemente en Safari 6.0.2, que también apareció en Safari móvil (al menos en iOS 6). Guardar mi fondo como entrelazado no funcionó en todos los ámbitos & el espacio de color era RGB. Afortunadamente mi fondo tenía muy pocos colores & convirtiéndolo a GIF solucionado el problema por completo.
Esto sucede porque PNG no tiene un canal alfa. Photoshop guarda la imagen con el canal alfa solo si la imagen tiene píxeles transparentes. Para funcionar correctamente en Safari, el fragmento IHDR de la imagen PNG debe tener "truecolor-apha" en su contenido. Puede ver los trozos png en tweakpng (http://entropymine.com/jason/tweakpng/) o programas similares.
Probé "entrelazado", y no resuelve el problema, al menos en Safari 6.0.2. – Ben