Solução para o Flicker Bug

Certo tempo atras eu havia postado no fórum do Imasters uma dúvida relacionada com menus css no Internet Explorer 6, que ocorria sempre que tinhamos uma imagem definida como plano de fundo no evento a:hover, e ocorria um bug que a imagem sumia e levava alguns segundos para reaparecer, isso vocês podem reparar acontece em qualquer site no IE6 onde existam imagens de fundo em eventos :hover.

Mas recentemente em um site que estou desenvolvendo ocorria um bug terrivel ao usar a thickbox no ie, todo background do site desaparecia e reaparecia aos poucos.

Segue o vídeo do bug em um site qualquer e no segundo que é o site que estou montando:

Ver em tela inteira:http://www.carlosroberto.hbe.com.br/im/i6-…ilcker-bug.html

Esse bug sempre ocorre quando a opção “A cada visita à página” esta ativada no IE6, e aparentemente ela esta ativa por padrão no IE dos usuários.

As soluções que encontrei foram as seguites:

Desabilitar o cache de imagens por javascript

<script type="text/javascript">
try {
document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}
</script>

Desabilitar o cache de imagens pelo Apache (colocar isso em um arquivo .htaccess dentro da pasta principal)

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

No apache os módulo mod_expires.so deve estar ativo, mas geralmente já esta nos servidores online.

LoadModule expires_module modules/mod_expires.so

Fim do Flicker Bug, agora podemos criar menus css com imagens sem problemas de compatibilidade.

Fontes:
Solução JS: http://www.mister-pixel.com/#Content__state=is_that_simple
Solupção Apache: http://jcornelius.com/articles/solving-ie-image-flicker/

Posts relacionados

• 28/02/2009 -- Centralizando Layout com CSS
• 28/02/2009 -- Recomendação de Livros para Web Design
• 15/12/2008 -- Bug da margem duplica no Internet Explorer 6
• 14/12/2008 -- Problemas com floats - Desobstruindo floats
• 14/12/2008 -- CSS para Inspiração

(2 votes, average: 5,00 out of 5)

 Loading ...