TransparÊncia Em Imagens

[Steffan]

Tenho 2 dúvidas:

1)COMO COLOCO UM EFEITO DE TRANSPARÊNCIA EM UMA IMAGEM USANDO STYLE?

Ex.:

<style>

.transparente_50{

??? O que eu coloco aqui para que a imagem desta classe tenha 50% de transparência? ???

}

</style>

<img src="imagens/foto.png" class=transparente_50>

2) USANDO STYLE TAMBÉM, TEM COMO FAZER ESSE TIPO DE EFEITO:

Ex.:

<style>

.transparente_3px{

??? O que eu coloco aqui para que a imagem desta classe tenha 50% de transparência apenas nos 3 pixels de cima, de baixo, esquerdo e direito? Ou seja, quero que a foto tenha transparência ZERO no meio e 50% de transparência nos lados???

}

</style>

<img src="imagens/foto.png" class=transparente_3px>

Alguém pode me ajudar nisso? Pelo menos uma delas!!! Não quero usar "JavaScript" se for possível, mas se não tiver jeito pode usar. Agradeço desde já! Se sair como planejo vou até colocar o site do script brasil e de quem respondeu no meio do código

VLW

[tokageh]

em relação a 1° pergunta, eu uso isso...

filter:alpha(opacity=50);

-moz-opacity:0.5;

um exemplo tem no meu fórum, nos icones de responder e novo tópico...

já a segunda eu não sei...

amplexus...

[Steffan]

Vlw cara, funcionou. Mas esse 0,5 significa o q?

[crucifier]

imagino eu que 100% seja = 1..então 0,5 seja 50%=]

mas não tenho certeza...to falanu só por analisar o codigo

[Steffan]

tambem acho q é isso. mas mesmo alterando aquilo a transparencia não muda. provavelmente aquele codigo deve ser usado por firefox ou outro browser

[BrILL]

Só uns detalhes: “-moz-opacity” funciona apenas no enginer do mozilla, no Opera por exemplo, não funciona, e o outro é apenas pro IE. Os dois não são atributos padrões do CSS, e invalidam o seu código. Eu não procurei no CSS3 se existe um atributo padrão para isso, mas o modo mais correto seria usar um PNG transparente, como o IE não aceita, o jeito é usar essas gambiarras mesmo! E esperem o IE7!

[Guest Guest]

exatamente BrILL, esses códigos atualmente não são aceitos pelo sistema de validação de css da w3c...

e um server pro firefox e o outro pro IE... se alguém souber uma artimanha do mesmo estilo, mas para o opera, postem ae... hehehe

amplexus..

[BrILL]

Quando eu quero transparência em todos os browser, eu uso PNG transparente para os browser que aceitam o PNG, e depois eu crio uma folha de estilo alternativa apenas para o IE, com os atributos de transparência. É um saco ter que fazer isso, mas é melhor que limitar a visualização a um ou apenas dois browsers usando atributos inválidos.

A reposta da segunda pergunta do steffan, isso pode ser feito com png transparente também, mas não creio que exista alternativa para o IE.

[Steffan]

O IE aceita um efeito de vinheta atraves de css mas não consigo fazer esse efeito, já vi em algun sites, mas não tinha um efeito de vinheta retangular e bem pequeno...

já tem o IE7 no baixaki galera, ele é muito bom mas esta so em ingles;

[BrILL]

IE BETA! Ta incompleto e com alguns bugs, muita coisa ainda não funciona! Como navegador padrão é melhor usar outro, melhor esperar a versão final. Baixar mesmo, só pra testar!

[wvrosario]

IE BETA! Ta incompleto e com alguns bugs, muita coisa ainda não funciona! Como navegador padrão é melhor usar outro, melhor esperar a versão final. Baixar mesmo, só pra testar!

Melhor site de referencia...

http://www.w3schools.com/

Sobre a questão de transparencia... consulta aqui

http://www.w3schools.com/css/css_image_transparency.asp