Solucionar o problema do PNG transparente no IE6

Thiago Retondar · Agosto 31, 2008

Olá gente, tudo bom com vocês?

Estive meio atrapalhado aí com o tempo e por isso parei de postar aqui!

Achei um tutorial na net e resolvi colocar aqui!

O IE6 não tem suporte ao png transparente, mas podemos solucionar assim:
#div{
	   
	 width:300px;
	 height:300px;
	 margin:0 auto;
	 background:url(imagem.png);
	 _background:none;
	 _filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagem.png', sizingMethod='scale');

}
Explicando:

width:300px; => Atribue uma largura

height:300px; => Atribue uma altura

margin:0 auto; => centraliza o elemento na horizontal

background:url(imagem.png); => Coloca o png como plano de fundo

_background:none; => Aqui coloco um hack q só IE6 entende tirando o background;

_filter:

progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagem.png', sizingMethod='scale'); => Aqui uso o Filtro q só o IE entende, mas coloco um hack tbm para o IE7 não entender.

Agora você pode usar no IE6 um png transparente, claro se pode usar um gif transparente, mas nem sempre fica legal. Tá ai dica.