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]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
<img src="IMAGEM.png" width="300" height="35">
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)
CONTEÚDO:
PROBLEMAS COM CAMPOS DE FORMULÁRIOS E LINK'S (Não torna os links e formulários ativos)
----------------------
ATUALIZANDO: Nova alternativa de adicionar PNG transparente via Javascript
----------------------
Flw ae pessoal
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Discussão (39)
Carregando comentários...