PNG no IE 6 com jQuery
Um plugin muito 煤til para acabar com o problema de PNG no IE 6 茅 o ifixpng.
Vamos ao passo a passo para a聽instala莽茫o聽desse plugin:
1掳 Fa莽a o download da biblioteca jQuery e tamb茅m do plugin ifixpng.
2掳 Salve a imagem pixel.gif (abra o link, e clique com o bot茫o direito em “salvar como”). Bote a imagem no diret贸rio images/pixel.gif ou ent茫o para salva-l谩 em outro diret贸rio use o c贸digo:
$.ifixpng('media/pixel.gif');
//por exemplo
$.ifixpng('../img/pixel.gif');
3掳 Veja os exemplos de c贸digos abaixo e adicione em uma tag <script></script> ou ent茫o crie um novo arquivo .js
// aplica a todas as imagens
$('img').ifixpng();
// aplica a todas as tags div
$('div').ifixpng();
// aplica e remove o plugin
$('img').ifixpng();
$('img').iunfixpng();
// aplica a diversas tags diferentes
$('img], div#logo, a, span').ifixpng();
Abra o DEMO no IE 6聽e veja o script funcionando:
Demo
Em caso de d煤vida copie todo o c贸digo-fonte do DEMO para sua m谩quina e fa莽a testes.
BUG que ocorre
Um BUG que pode ocorre no IE 6, 茅 o texto e os links dentro da tag que recebe esse Hack n茫o ficarem mais selecion谩veis. Uma solu莽茫o 茅 adicionar a propriedade position:relative na tag. Caso continue bugado, tente aplicar a propriedade position:relative as tags filhas da tag que recebeu o efeito do script.
Observa莽玫es Finais
Apesar de que para mim 茅 melhor usar esse script do que um Hack CSS para PNG. Ele tem o mesmo problema que o Hack em CSS, n茫o aceita background-position e nem background-repeat.