PNG transparente no IE6

por Lucas 16. dezembro 2009 18:00

Como todos sabem, o Internet Explorer 6 apesar de estar obsoleto, ainda é muito utilizado.

Portanto nós desenvolvedores temos que saber lidar com suas limitações e bugs.

Um exemplo disso é que o IE6 não consegue processar o canal Alpha das imagens em formato PNG.
A transparência das imagens nesse formato não é exibida corretamente pelo navegador, ou seja, fica um fundo cinza onde era pra ficar transparente. 
Só pra constar, esse problema foi corrigido no IE7. 

Pra corrigir esse problema no IE6 você precisa incluir o código abaixo no seu css: 

.seucss { 
      background:url(imagem.png);
      _background:none;
      _filter:
      progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagem.png', sizingMethod='scale');
}

Explicando o css acima:

Primeiro colocamos a imagem utilizando o código que todo navegador entende:
background:url(imagem.png); 

Depois utilizamos esse hack que só o IE6 entende tirando o background:
_background:none; 

Finalmente usamos um filtro q só o IE entende, mas colocamos um hack também para o IE7 não entender.
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagem.png', sizingMethod='scale'); 

*Não esqueçam de substituir onde aparece "imagem.png" pelo caminho e nome da sua imagem. 

Até a próxima!

Tags: , ,

Navegadores




Calendário

<<  setembro 2010  >>
seteququsedo
303112345
6789101112
13141516171819
20212223242526
27282930123
45678910

Ver os posts em um calendário maior

Para divulgar oportunidades aqui, entre em contato conosco enviando a descrição completa da vaga + uma data de validade para cada uma delas.

* As vagas divulgadas neste espaço são de inteira responsabilidade das empresas anunciantes.

Assine Nossa Newsletter

Quero ser notificado quando um novo Post for publicado