Todos nós sabemos que o Internet Explorer 6 é o diabo em forma de navegador.

Foi bom pra sua época, hoje em dia não da mais, porem ainda existem usuários que insistem em usar.

Eu não trabalho mais com suporte ao IE6, perde-se muito tempo de desenvolvimento, porem é necessário observar o publico alvo do site.

Se não houver saída e você tem mesmo que desenvolver pro IE6 esse post servirá ao menos para lhe apresentar algumas ferramentas para deixar aquele “bendito” PNG transparente.

São elas:

1 -  jQuery.pngFix.js

Esta solução precisa do jQuery plugin, também funciona com CSS backgrounds.

2 – DD_belatedPNG

Outra solução baseada em javascript.

3 – TwinHelix IE PNG Fix

TwinHelix  usa propriedades CSS para conseguir o efeito de transparência, você é obrigado a carregar junto do fix 2 arquivos: iepngfix.htc e blank.gif”.  É um pouco mais trabalhosa que as ferramentas anteriores.

4 – IE7.js

IE7.js é um script que corrige diversos bugs do IE6 como problemas com tags HTML e PNG Transparente.

Teoricamente ele renderiza sua pagina no ie 5/6 como se fosse um ie 7, sinceramente eu não consegui fazer funcionar do jeito que eu queria, mas pode ser uma mão na roda para algumas pessoas.

Existe também um IE8.js que renderiza a página conforme o IE8, pode ser implementado no IE5/6/7.

5 – Unit PNG Fix

Unit praticamente resolve o problema sozinho, mas não é compatível com imagens usadas como backgrounds.

6 – PNG In Windows IE

Com três linhas de código suas imagens PNG serão vistas corretamente, ainda não testei esse método mas #ficaadica pra vocês.

Com essas opções com certeza seu desenvolvimento ficará muito mais fácil e prático.

Gostou do artigo? Testou? Tem outra solução? Então compartilhe conosco.

Abraços