Div opacacity 80, porem conteudo 100

[montano 0]

bom dia,

 

Tenho uma div panel que com JQUERY baixa em cima da minha pagina (Parecido com o sistema de login do forum), eu fiz ele assim:

 

#panel {
	padding-top:20px;
	height: 65px;
	display: none;
        margin-bottom:5px;
        width:100%;
        position:relative;
        background-color:#FFF;
        border: 1px solid #DCDCDC;
        opacity: .6; filter: alpha(Opacity=80); -khtml-opacity: .6;

}

Porem o conteudo da div #panel fica opacity 80 tambem, e eu só quero que o fundo da div fique opaco, para no caso dar mais visto ao conteudo da div.

 

:S

 

vlw

[Thiago Retondar 18]

Se você aplicar o opacity em um elemento pai todas os elementos filhos vão ter, também... Solução: ou você cria uma div separada só para o fundo - o que eu não gosto - ou usa um PNG Transparent. ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[montano 0]

XD, eu botei opacidade 90, dae os elementos da div nao ficam tao fracos u.u

 

nao queria usar png. Mas fica legal com png ?

[Thiago Retondar 18]

Vai ficar a mesma coisa. É só deixar a imagem já transparente no editor de imagens. ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[montano 0]

Aproveitando sua boa vontade,

 

Eu vou deichar o fundo opaco 90 msm, que nao fico ruim, como eu configuro para por uma borda na div?

 

:S no caso a borda teria que ser branca opaco 90?