É possível usar imagens png com transparência no Internet Explorer 6. Isto não é suportado por padrão mas é possível usar um filtro para ativar essa funcionalidade. Veja o exemplo abaixo, onde aplicamos o filtro através de css:
<style type="text/css">
.class_name {
background: url(test.png) transparent top left repeat-x;
}
</style>
<!--[if lt IE 7]>
<style type="text/css">
.class_name {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png', sizingMethod='scale');
}
</style>
<![endif]-->
Percebam que a imagem de fundo é aplicada normalmente (já que outros navegadores suportam essa funcionalidade sem problemas).
Nós fazemos uso de dois recursos não convencionais:
1) Comentários condicionais: a partir da versão 7, o internet explorer passou a aceitar comentários condicionais. O comentário instrui a usar o código apenas em versão anteriores ao IE 7 (lt = lesser than).
2) Usamos o filtro AlphaImageLoader para que a imagem seja carregada com o canal alpha. O caminho da imagem passada como argumento é relativo à página onde o filtro é aplicado.
Esta funcionalidade foi usada recentemente no sistema Site na Hora, para poder contemplar o tema minimal, onde o menu tem uma imagem de fundo e um sombreamento abaixo dele.
Comentários