Publicado em 02/02/2009
Utilizando .png transparente no Internet Explorer 6
A utilização de imagens .png transparentes é uma dúvida que persiste principalmente para quem está começando a estudar css e enfrentando os desafios do Internet Explorer 6. Pensando nisso resolvi trazer um tutorial simples e prático sobre como concertar este pequeno “bug” do IE6.
O processo para corrigir este problema é facil. Será necessário o download de dois arquivos (iepngfix.htc e blank.gif), o arquivo .htc faz o serviço e a imagem blank.gif é responsavel por trazer a transparência.
Faça o download dos arquivos aqui (.rar – 1,66kb)
Para aplicar no seu site primeiramente copie e cole os arquivos (iepngfix e blank) na pasta raíz do seu site. Depois abra a folha de estilos e crie uma “class” para aplicar o arquivo .htc. Siga o exemplo:
.nomedaclasse {behavior:url(iepngfix.htc);}
Para finalizar, quando você inserir a imagem insira a “class” criada. Exemplo abaixo:
<img src=”nomedaimagem.png” class=”nomedaclasse” />
Pronto, a “mágica” está feita. Vale lembrar que a utilização da extensão .png para imagens na web é totalmente opcional.
Nao funcionou
nuss cara….vlw mesmo…peguei tuto oq era tutorial na net mas nenhum resolveru…ateh q enfim axei alguma coisa q funciono vlw mesmo
Boa tarde!
Funcionou legal, testando no local, mas quando faço copia para o servidor remoto… ai não funciona.
Se souber o que acontece.
Fico no aguardo de um retorno.
obrigado
Show de bola! Salvou minha vida!
IExplorer sucks. ¬¬
Olá,
Realmente funcionou, mas essa técnica está de acordo com os padrões W3C?
Fica aqui a pergunta, caso souber, é de grande valia!
[...] http://www.rgbmagazine.com.br/utilizando-png-transparente-no-internet-explorer-6/ [...]