Internet Explorer 7 y 8 se bloquea al azar en CSS Imágenes

Question

Tenemos una aplicación ASP.NET 3.5 que ha estado en producción durante más de un año. Nuestro último lanzamiento fue hace un par de meses. Usamos CSS para el diseño y la aplicación de imágenes de fondo para divs y tal. El servidor es Windows 2003 con IIS.

De repente, esta semana, hemos recibido informes de algunos usuarios de que la página parece colgar durante la carga. La barra de estado mostraba el nombre de una imagen de fondo utilizada en el área principal de la página (asignada en CSS). En nuestra oficina, algunos de nosotros pudimos recrear el problema, mientras que otros no. IE6 y Firefox no parecen verse afectados, solo IE7/8. Ejecutar Fiddler en una máquina afectada e intentar ver qué sucedía con las solicitudes parecía hacer que el problema desapareciera (mientras se ejecutaba en Fiddler, volvía cuando no). Al presionar Refrescar en una carga colgada, a menudo la página se cargaba muy bien.

Comprobé la imagen de fondo, e incluso la sustituí por una copia archivada. Sin alegría. Volvimos a implementar la aplicación desde nuestra fuente de producción. Sin alegría. Reiniciamos IIS y finalmente reiniciamos todo el servidor. No hay entradas inusuales en los registros de eventos, los registros de la aplicación o los registros de IIS. Finalmente, eliminé la imagen por completo y rediseñé la página para no usar una imagen de fondo. Eso resolvió el problema al menos por ahora.

Sin embargo, tenemos informes de otras imágenes "colgado". Las imágenes son PNG, pero he escuchado algunos rumores de que a veces se cuelga un GIF, pero no tengo ninguna captura de pantalla para confirmar.

Esto acaba de comenzar a suceder "de la nada". No ha habido versiones o actualizaciones aplicadas recientemente al servidor. Incluso verificamos las actualizaciones en los clientes para ver si una actualización reciente de Windows podría haber causado esto en el cliente, pero no había nada actualizado en las últimas semanas.

Si tiene alguna información sobre este problema, me gustaría saber de usted. También agradecería cualquier recomendación sobre diagnósticos adicionales que podamos probar.

Answer 1

son las imágenes alojados en el mismo servidor/sitio web como el sitio principal? ¿Podría ser un problema de red/DNS?

Answer 2

¿Puedo sugerir que mira más fuerte en su versión PNG/contenido?

Los archivos PNG son compatibles con canales alfa, que proporcionan una forma de transparencia. IE 6 NO admite canales alfa y, por lo tanto, puede procesar sus imágenes de forma diferente. IE 7 & 8 son compatibles con canales alfa.

Answer 3

Son los nombres de las imágenes camelCased o PascalCased por casualidad? Tuvimos problemas con imágenes que no fueron todas minúsculas. Además, si te mudas a un CDN como S3, querrás que todo esté en minúscula (por si acaso).

Pls publican CSS y una ruta ofuscada al archivo.

Answer 4

¿Esto sucede tanto en su Intranet y fuentes externas? ¿Esto se ha probado fuera de la red interna? (Parece que puede estar relacionado con el DNS.)

Answer 5

Obviamente, hay varias posibilidades para este error, pero me enfrenté al problema, pude solucionar el problema y, por tanto, pensé que podría compartirlo con el comunidad mi solución.

tuve algo así como

background-image: url("/myapp/images/expand_title_off.gif"); 
background-repeat: no-repeat; 
background-position: center center; 

en el interior de un atributo de estilo para un elemento span.

para IE7, que combina todos estos objetivos en una sola propiedad como fondo

background:url("/myapp/images/expand_title_off.gif") no-repeat center center; 

IE7 no se veía demasiado bien en tratar de utilizar las propiedades específicas. Para mí, tanto el antiguo como el nuevo estilo funcionaban bien con Chrome, así que definitivamente es un problema de IE7.