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:
2 | <title>Meu Site</title> |
3 | <script language="JavaScript" src="jquery.js" type="text/javascript"></script> |
4 | <script language="JavaScript" src="jquery.pngFix.js"type="text/javascript"></script> |
E depois é só inserir um bloco de jQuery que fará a correção em todos os elementos do seu site:
02 | <title>Meu Site</title> |
03 | <script language="JavaScript" src="jquery.js" type="text/javascript"></script> |
04 | <script language="JavaScript" src="jquery.pngFix.js"type="text/javascript"></script> |
06 | <script language="JavaScript" type="text/javascript"> |
07 | $(document).ready(function(){ |
08 | $(document).pngFix(); // "Executa" o pngFix em todos os elementos do site |
