iepngifx.htc

Hoje falaremos um pouco sobre essa gambiarra que é utilizada quando precisamos usar uma imagem png em algum site para que ela apareça corretamente no IE6, já que ele não possui suporte para tal tipo de imagem.
Vamo nessa..

Mas o que é um arquivo .htc?

Trata-se de um arquivo que contém instruções em javascript que são interpretados apenas pelos IE’s. Nesse caso específico, tal arquivo torna possível o suporte a transprânciea de arquivos png de 24bits. Mas usar tal arquivo requer um pouco de atenção, já que seu uso em grandes sites pode acarretar em uma sobrecarga no servidor. Ele é ‘ativado’ através de uma chamada no css, como no exemplo abaixo:

div{behavior:url("iepngfix.htc");}

E aí, o que faço para isso não acontecer?!?

Simples, ao invés de setar que o comportamento htc para todas as divs e imagens, uma coisa realmente desnecessária, devemos setar apenas para as divs que realmente irão necessitar de tal gambiarra. Assim evitamos um processamento desnecessário já que nem todos os elementos da página utilizarão uma imagem png. Para otimizar o uso do .htc basta seguir o exemplo abaixo:

#all{behavior:url("iepngfix.htc");}

Utilizei essa gambiarra no site de Natal do Plaza

Até a próxima o/