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.

Posts Relacionados

This post has 1 comment.

  1. endrigo
    10 Jul 08
    7:39 pm

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

Fechar
E-mail It