Resolvendo o problema com PNG no IE

Muitos sabem que o Internet explorer, ao contrario do Firefox, tem problemas ao trabalhar com formato de imagem PNG. Utilizamos esse formato por suportar o canal alpha (transparencia) e por não ter limitação de cores (Wikipedia, 2007).

Veja abaixo um exemplo de como o Internet Explorer trabalha normalmente:

Ie sem PNGfix

Repare que ao redor da bola que deveria ser transparente, o Internet Explorer coloca uma borda cinza.

Agora veja como aparece corretamente no Firefox:

firefox.png

Para corrigir esse erro no IE é necessário a utilização de um arquivo javascript chamado PNGfix.

Ele é responsável por corrigir esse pequeno defeito.

Baixe aqui o PNGFix

Logo após insira o seguinte codigo dentro do <head></head>

<!–[if lt IE 7.]>
<script defer type=”text/javascript” src=”pngfix.js”></script>
<![endif]–>

Pronto, agora o Internet explorer irá interpretar corretamente o uso de PNG na sua página.

Dicas simples para o dia-a-dia de quem trabalha com web. Vou postar mais ao longo do tempo.

3 Comments so far

  1. endrigo on July 10th, 2008

    nao funcionou aqui nao cara…
    continua cinzaooo :sad: :twisted:

  2. Rodrio on March 9th, 2009

    Carol amigo,

    Comigo também não funcionou, mas percebi que o arquivo em java tem partes que mensiona a imagem, gostaria se este arquivo o PNGFix prescisa ser alterado com as informações da imagem a ser tratada.

    Desde já agradeço a atenção.

    Abraços.
    Rodrigo

  3. Rodrigo on March 9th, 2009

    Caro**

Leave a Reply