Publicado em 11 de abr.

BOA DICA: PNG com transparência no IE

Aeee pessoal..

Estava pesquisando e como muita gente sabe o IE tem problemas para exibir PNGs com transparência!!!

O que acaba forçando a utilizar metodos mais trabalhosos, se matando arrumando uma gif pra não perder qualidade (isso quando fica bom) ou aumentando grosseiramente o código html inserindo flash com a sombra que você quer aonde você quer colocar o efeito de transparência.

Essa tecnica eu não sei em quantos IEs funcionam, só testei no 6, mas o IE 7 ja aceita PNG :D

Agora para de enrrolar e vamo pro código.

DEIXANDO TODAS AS PNG's (COM EXCESSÃO DOS BACKGROUNDS TRANSPARENTES)

Esse aqui é super facil,só você jogar um javascript no codigo da pagina que ele ja le normalmente.

>
<!--[if lt IE 7]>

<![endif]-->

java script: http://homepage.ntlworld.com/bobosola/pngfix.jsfonte: http://homepage.ntlworld.com/bobosola/pnghowto.htm

BACKGROUNDS PNG'S COM TRANSPARENCIA (Ex: com class fundo)

Agora esse é para que vocês possam utilizar essas png's transparentes como background seja coom class, como id, diretamente na tag e etc.

CÓDIGO ATUALIZADO

>
<style type="text/css">

<!--

 .fundo {

 background-image: url(imagens/fundo_cima.png) **!important;**

 background-image: none;

 filter: none **!important;**

 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagens/fundo_cima.png, sizingMethod='scale');

 }

-->

</style>

Ta aeee... E o bom é que é facil de usar!!! e espero que seja útil pra muita gente =)Flw

----------------------

MENU:

PROBLEMAS COM BACKGROUNDS NOS LINKS DO MENU (Não reconhece fundo como link)

Clique Aqui

CONTEÚDO:

PROBLEMAS COM CAMPOS DE FORMULÁRIOS E LINK'S (Não torna os links e formulários ativos)

Clique Aqui

----------------------

ATUALIZANDO: Nova alternativa de adicionar PNG transparente via Javascript