PNG transparente no IE (não é PNGfix)

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?

Por | @jonathanlamimkt Programação
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?

- PNG transparente no IE (não é PNGfix) 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.



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 e ainda não são bem renderizados pela função, o que pode causar erros. Evite usá-los.
2) ainda não é suportado.

Mais informações sobre o script podem ser encontradas em http://www.dillerdesign.com/experiment/DD_belatedPNG.

Mais sobre: javascript, png, css
Share Tweet
DESTAQUESMais compartilhados
Comentários