Correção de bug ie6 com png transparente

Se você usa imagens com fundo transparente no formato png já deve ter notado que todos os navegadores apresentam a imagem corretamente. Menos o ie6, claro.

Não se preocupe, seus problemas acabaram. Basta usar uma solução chamada iepngfix. Veja como usar:

Comece fazendo o download da API no site oficial do iepngfix. Lá você encontra um tutorial completo em inglês.

Pra tentar facilitar, e em bom português, vou mostrar do que você precisa para fazer funcionar.

Depois de descompactar o arquivo, copie estes 3 (três) arquivos para seu projeto: iepngfix_tilebg.js – iepngfix.htc – blank.gif

Agora, na sua página que contém as imagens, coloque no cabeçalho (lá no alto) a importação do arquivo js:

<script type="text/javascript" src="WEB/javascript/pngfix/iepngfix_tilebg.js"></script>

Esse código vai funcionar considerando que a pasta do seu projeto onde você colocou os arquivos é “WEB/javascript/pngfix/” caso esteja em outro diretório ou tudo na mesma pasta, desconsidere este caminho.

Teoricamente isso é tudo que você precisa para corrigir o bug. O que pode dar errado agora, é ele não encontrar o arquivo blank.gif. Mas isso é fácil de resolver.

Abra o arquivo iepngfix.htc e localize a linha:

IEPNGFix.blankImg = 'blank.gif';

Aqui você pode colocar o caminho completo da sua estrutura, como fez para importar o javascript no alto da página, algo como:

IEPNGFix.blankImg = 'WEB/javascript/pngfix/blank.gif';

Agora não tem mais erro, só testar e correr pro abraço!



Sobre o Autor

MarioSAM é faixa preta 2Dan de Taekwondo. Entusiasta do marketing online. Especulador do mercado financeiro. Projetista web com certificação SCJP da SUN. Com 10 anos de experiência em desenvolvimento de sistemas.