Hoje vou falar sobre outra forma de “IE PNGFix” (Exibição de PNGs transparentes no Internet Explorer 6 ou inferior)…
Existe um plugin de jQuery chamado jQuery PNG Fix, pra quem quiser ver/testar um exemplo dele, é só ir no site do plugin.
A vantagem de usar esse script é que ele funciona com IE 5.5, 6 e 7, não atrapalha o uso de outros scripts (unobtrusive) e funciona com imagens linkadas, fundos em CSS e mantém todos os atributos e propriedades (alt, title, class, style e etc.) das imagens.
Para usá-lo no seu site, é muito simples… Primeiro insira o script do pngFix dentro do <head> do seu site:
<head> <title>Meu Site</title> <script language="JavaScript" src="jquery.js" type="text/javascript"></script> <script language="JavaScript" src="jquery.pngFix.js" type="text/javascript"></script> </head>
E depois é só inserir um bloco de jQuery que fará a correção em todos os elementos do seu site:
<head>
<title>Meu Site</title>
<script language="JavaScript" src="jquery.js" type="text/javascript"></script>
<script language="JavaScript" src="jquery.pngFix.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
$(document).pngFix(); // "Executa" o pngFix em todos os elementos do site
});
</script>
</head>Pronto.. Já está tudo funcionando perfeitamente! 
Você também vai gostar de ler:
- Cantos arredondados e estilizados com jQuery Corner
- Galeria de fotos (slideshow) com jQuery
- Validação de formulários com jQuery
- O que é e como funciona o jQuery
- Exibindo PNGs transparentes no IE5 – IE PNG Fix
Com as tags CSS, HTML, Internet Explorer, JavaScript, jQuery, JS, PNG, PNGFix, Scripts
Escrito por Thiago Belem
Gostou desse artigo?
Não se esqueça de assinar o RSS e divulgue-o para o mundo:
