[Resolvido] opacity no CSS3

[Wellington09 1]

pessoal eu tenho uma div com um form dentro dela

ex:

<div>
   <form action="#" method="post">
      ...labels e inputs
   </form>
</div>

no meu css eu to colocando a div como opacity: 0.5; só que tudo que esta dentro desta div fica com opacity:0.5; e eu queria apenas que a div tivesse a opacidade.

Mesmo se eu fizer opacity:1.0; para o form ele não volta ao normal

ex:

form
{
 opacity:1.0;
}

não sei nem se existe este comando opacity:none; mas mesmo assim não funciona tb.

alguem sabe resolver isso

[William Bruno 1501]

oque não não tiver que ter opacidade, não coloque como filho direto da div com opacidade.

 

faça um container para os 2 elementos:

<div com relative>
   <div com opacidade>
   </div>
   <form sem opacidade e position absolute >
      ...labels e inputs
   </form>
</div com relative>

algo dessa forma que postei acima.

Ou então, não use a propriedade opacity.. e prefira usar um PNG transparente

[Wellington09 1]

Bom o jeito vai ser criar uma imagem mesmo , eu não queria fazer isso mas vou fazer prefiro usar uma imagem doque criar uma div só para fazer isso.

vlw William