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.

Nenhum comentário em “PNG no IE 6 com jQuery”

  1. Faça um comentário preenchendo o formulário ao lado.