Corrigir PNG transparente no IE 6 com jQuery

O Internet Explorer 6 é cada vez menos usado. Mas ainda responde por uma grande parcela dos acessos a web. Principalmente no Brasil. O uso deste browser tira o sono dos desenvolvedores. Já que o suporte aos padrões é muito deficiente.

Já tentou inserir arquivos de imagens .png com transparência em seu projeto e visualizá-lo no IE6? Pois é.

Existem muitas formas de se corrigir o problema. Vou apresentar a que mais uso, que é através do plugin do jQuery chamando pngFix .

Veja os exemplos (em inglês), e faça o download do plugin no site – http://jquery.andreaseberhard.de/pngFix/

Para usá-lo é super simples:

Insira os arquivos javascript do jQuery e o arquivo do plugin. Certifique-se que os nomes dos arquivos estão iguais aos que você salvou em seu computador/servidor.

1 2	<script src="jquery-latest.pack.js" type="text/javascript"></script> <script src="jquery.pngFix.js" type="text/javascript"></script>

Agora o código que faz todo o serviço:

<script type="text/javascript"> 
    $(document).ready(function(){ 
        $(document).pngFix(); 
    }); 
</script>

Pronto! Só isso. Qualquer dúvida só deixar um comentário.

Já que chegou até aqui, que tal ler isto?

Julio Bitencourt: dia 21 de maio de 2009

beto disse:

Grande dica, eu recorria a altas gambiarras pra corrigir isso!
Valeuz!
18 de setembro de 2009 às 9:40 pm
Walter André disse:

Já trabalho com o PNGFix, funciona bem. Recomendo! (Morte ao IE6). Abraço!
20 de fevereiro de 2010 às 8:00 am