You play we dance

« Pongamos orden en los encabezados
Hacer que un contenedor englobe a los elementos flotados »

Parpadeo de imágenes en Internet Explorer 6

Si en las opciones del navegador Internet Explorer 6.0 tenemos lo siguiente:

Archivos temporales de internet > Configuración > Comprobar si hay nuevas versiones de las páginas guardadas > Cada vez que se visita la página

nos encontraremos con un molesto problema en cualquier elemento con una imagen de fondo asignada en la hoja de estilos y que se vea afectado por un comportamiento dinámico al pasar el ratón por encima de él: la imagen parpadeará unos instantes antes de realizar el efecto deseado.

Para solucionar este problema no hay que actuar sobre la parte cliente, sino sobre el servidor. En caso de tener un Apache, por ejemplo, basta con añadir lo siguiente a un fichero .htaccess:

ExpiresActive On
ExpiresDefault A18000
ExpiresByType image/gif A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/png A2592000

Con esto le decimos al servidor que mantenga las imágenes en la caché durante un tiempo expresado en segundos en el último parámetro (en el ejemplo 30 días) y que no las refresque cada vez que él entienda que visitas la página.

En caso de no disponer de un servidor Apache, sino de un IIS, la solución está expuesta en este artículo

Esta entrada fue publicada el Martes, 24 de Octubre de 2006 a las 8:55 y está clasificada bajo: Desarrollo. Puede hacer un seguimiento de los comentarios de esta entrada gracias al feed RSS 2.0. Puede dejar un comentario, o enviar un trackback desde su sitio.

4 comentarios sobre “Parpadeo de imágenes en Internet Explorer 6”

  1. Enrique dijo:
    21 de Febrero, 2007 - 20:05

    Muchas gracias por explicarlo tan clarito. Me has sacado de un “marrón” ;-)

  2. Mauricio dijo:
    5 de Julio, 2007 - 3:56

    Amigo tengo un problem pero parece que es en explorer y con los archivos swf, puesto que cuando activo los swf al pasar el mouse por mi menú a la iz en www.bsaketmania.cl el menu y la pagina dejan de parpadear

  3. Imágenes de fondo que desaparecen en IE 6 al pasar el cursor sobre ellas. : HijadeSastre dijo:
    5 de Diciembre, 2007 - 1:32

    […] En fin, después de buscar en google encontrando bastantes consultas para ese problema, cuya solución pasaba por el uso de javascript o la adición de una expresión (no válida) en el css, un compañero encontró la solución más “limpia” , que consiste en añadir unas líneas en el fichero .htaccess del servidor para evitar que Explorer compruebe si hay una nueva versión de una página cada vez que la visita. […]

  4. Imágenes de fondo que desaparecen en IE 6 al pasar el cursor sobre ellas. dijo:
    2 de Abril, 2008 - 22:26

    […] Después de buscar en google encontrando bastantes consultas para ese problema, cuya solución pasaba por el uso de javascript o la adición de una expresión (no válida) en el css, un compañero encontró la solución más “limpia” , que consiste en añadir unas líneas en el fichero .htaccess del servidor para evitar que Explorer compruebe si hay una nueva versión de una página cada vez que la visita. […]

Añadir un comentario