PNG’s transparentes no Internet Explorer com jQuery (IE PNGFix)

Postado em setembro 17th, 2009 por admin

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>

Fonte: ThiagoBelem

NOTICIAS RELACIONADAS:

Filed under: JQUERY

« O que são e como usar as Cron Jobs? Mudando a senha padrão do MySQL »

BRASIL TUTORIAIS – Tudo sobre tutoriais

Categorias

Arquivos

PNG’s transparentes no Internet Explorer com jQuery (IE PNGFix)

Deixe seu comentário, compartilhe sua opinião