Bem vindo ao SOS Designers

Faça o seu cadastro gratuito no Portal SOS Designers e tenha um acesso personalizado.

Empresas

Cadastre gratuitamente suas vagas, crie sua propria Lista de Curriculos Favoritos, e tenha um acesso personalizado.

Usuarios

Cadastre gratuitamente seu curriculo, crie sua propria Lista de Noticias Favoritas e tenha um acesso personalizado.

Área de Empresas | Vagas

Área de acesso a empresas cadastradas que desejam postar vagas de empregos no Portal e pesquisar curriculos.

Cadastre-se gratuitamente
Esqueceu a sua senha?

Área de Usuarios | Curriculos

Área do Usuario que deseja cadastrar seu curriculo e pesquisar vagas.



Cadastre-se gratuitamente
Esqueceu a sua senha?


Redes Sociais
Siga o Portal SOS Designers no Twitter Siga o Portal SOS Designers no Facebook

JavaScript / jQuery


Você está aqui: Home » JavaScript / jQuery » PNG transparente no IE (não é PNGfix)

PNG transparente no IE (não é PNGfix)


Pesquisar no Portal SOS Designers





Tempo Real



Siga o SOS Designers








pub_flash( 'http://www.sosdesigners.com/banners/WEB_flash_468x60.swf', 468, 60 ); " alt="Tecnoponta - 468 x 60 - webdesign" />

Screenshot

Depois de muito sofrer com a renderização de PNGs transparentes no IE6, resolvi buscar na internet uma solução para o problema. Mas quais seriam esses problemas?
  • <img> com fundo transparente (HTML)
  • background-image com transparência (CSS)


Como na internet se encontra de tudo, encontrei muita coisa que não resolvia o problema, mas achei a solução que eu procurava também.


É um simples script JavaScript (DD_belatedPNG) que permite informar, através de parâmetros em uma função, quais os elementos HTML ou CSS deverão ser renderizados com fundo transparente no IE6. O mais interessante é que nos demais browsers ele não causa nenhuma diferença, já que opera por uma condicional.


Veja abaixo como é simples utilizar este script e faça o download do arquivo .js  no final dete post.


<!--[if IE 6]>

<script src="local_do_arquivo/DD_belatedPNG.js"></script>

<script>DD_belatedPNG.fix('.nome_da_classe');</script>

<![endif]-->


A função aceita como parâmetros:

  • a classe do elemento (.nome_da_classe)
  • o ID do elemento (#id_do_elemento)
  • identificação de um elemento dentro da estrutura do DOM (#content div)


Para evitar alguns problemas, veja abaixo algumas instruções:

  1. elementos<tr> e <td> ainda não são bem renderizados pela função, o que pode causar erros. Evite usá-los.
  2. <input type=”imagem”> ainda não é suportado.


Mais informações sobre o script podem ser encontradas em clicando aqui.


Download do arquivo

Sobre o Colunista:

Jonathan Lamim


Profissão: Web Developer

Descrição: Jonathan Lamim trabalha com desenvolvimento web/desktop desde 2005, porém abandonou o desenvolvimento desktop em 2006 para se dedicar somente ao desenvolvimento web. Atualmente é programador da Fivecom - Soluções em web 2.0, editor do blog jlamim.com.br e graduando em Sistemas de Informação na UNISA.

Deixe seu comentário:





© Copyright 2002-2017
Portal SOS Designers
Webmaster: Luiz Antonio Bovi