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




Comentar




  Country flag

biuquote
  • Comentário
  • Pré-visualização
Loading




Calendário

<<  julho 2010  >>
seteququsedo
2829301234
567891011
12131415161718
19202122232425
2627282930311
2345678

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