Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

LegionInvader

Transparência SÓ no fundo

Por , em Desenvolvimento frontend

Recommended Posts

LegionInvader    0

LegionInvader
Postado

Fiz o seguinte estilo:

 

#FormPesquisa {

background-color: #FFFFFF;

border: 1px solid #636466;

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* filtro alpha para IE 5.5+ valores de 0(transparente) até 100(opaco) */

font-family: Verdana, Arial;

font-size: 9px;

-moz-opacity:0.7; /* filtro alpha para Mozilla - valores de 0 (transparente) até 1.0 (opaco) */

}

 

porém, este estilo deixa toda a minha div transparente, e eu precisava de um que deixasse apenas o background, e não o conteúdo todo da div!

 

Alguém sabe como devo fazer? http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hamilcar    1

Hamilcar
Postado

Fiz o seguinte estilo:#FormPesquisa { background-color: #FFFFFF; border: 1px solid #636466; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* filtro alpha para IE 5.5+ valores de 0(transparente) até 100(opaco) */ font-family: Verdana, Arial; font-size: 9px; -moz-opacity:0.7; /* filtro alpha para Mozilla - valores de 0 (transparente) até 1.0 (opaco) */ }porém, este estilo deixa toda a minha div transparente, e eu precisava de um que deixasse apenas o background, e não o conteúdo todo da div!Alguém sabe como devo fazer? http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

tenta colocar transparência assim:background:transparent;

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Ele quer que o fundo não fique 100% opaco, poe isso:

-moz-opacity: 0.8;opacity: 0.8;filter:alpha(opacity=80);

[]'s http://forum.imasters.com.br/public/style_emoticons/default/natal_noel.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

LegionInvader    0

LegionInvader
Postado

Bom, primeiramente obrigado aos dois por tentarem me ajudar!

Mas, o código não funcionou!

 

Esse continuou deixando toda a layer com a transparência, eu preciso de um que deixe só o backgroud meio transparente!

-moz-opacity: 0.8;

opacity: 0.8;

filter:alpha(opacity=80);

 

Esse deixa o backgroud totalmente transparente, eu preciso de um que deixe só o backgroud meio transparente!

background:transparent

 

Se tiverem algum outra idéia! Fico grato de me ajudarem! Continuo aqui tentando e consultando o fórum!

 

Att,

Marlon M. Lacerda

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hamilcar    1

Hamilcar
Postado

Bom, primeiramente obrigado aos dois por tentarem me ajudar!

Mas, o código não funcionou!

 

Esse continuou deixando toda a layer com a transparência, eu preciso de um que deixe só o backgroud meio transparente!

-moz-opacity: 0.8;

opacity: 0.8;

filter:alpha(opacity=80);

 

Esse deixa o backgroud totalmente transparente, eu preciso de um que deixe só o backgroud meio transparente!

background:transparent

 

Se tiverem algum outra idéia! Fico grato de me ajudarem! Continuo aqui tentando e consultando o fórum!

 

Att,

Marlon M. Lacerda

Se você colocar uma outra div dentro desta, e colocar a div de baixo meio transparente e o conteúdo na div de cima.

Compartilhar este post

Link para o post
Compartilhar em outros sites

LegionInvader    0

LegionInvader
Postado

Obrigado pela tentativa mas...

 

Colocar DIV denro de DIV deu certo não, pq a DIV exter é a que vai a configuração de alpha, então ela automaticamente altera a DIV de dentro!

 

Tentei colocar a DIV de fora com alpha de 10% e a Interior com 100% mas mesmo assim ficou tudo opaco! http://forum.imasters.com.br/public/style_emoticons/default/natal_sad.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hamilcar    1

Hamilcar
Postado

Obrigado pela tentativa mas...Colocar DIV denro de DIV deu certo não, pq a DIV exter é a que vai a configuração de alpha, então ela automaticamente altera a DIV de dentro!Tentei colocar a DIV de fora com alpha de 10% e a Interior com 100% mas mesmo assim ficou tudo opaco! http://forum.imasters.com.br/public/style_emoticons/default/natal_sad.gif

Cara só mais uma idéia não sei se vai servir pra você, coloca duas divs, assim:<div id="FormPesquisa"></div><div id="FormConteudo"></div>e coloca a div "FormPesquisa" sendo 'absolute' e a "FormConteudo" como relative.

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

é o unico jeito!!!

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style>	#oi{		display:block;		width:100px;		height:100px;		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=bg.png,sizingMethod=scale);	}	body>#oi{		background-image:url(bg.png);	}	#inner{		background-color:#000000;	}	</style></head><body><div id="oi">	<table id="inner"><tr><td>#</td></tr></table></div></body></html>

quero lembrar q a imagem é um png de uma cor com 50% de alpha

 

 

the void

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

você testou o código q te passei??

 

ele funciona tando no ie como no ff.

 

Imagem Postada

Imagem Postada

 

 

the void

Compartilhar este post

Link para o post
Compartilhar em outros sites

LegionInvader    0

LegionInvader
Postado

você testou o código q te passei??

 

ele funciona tando no ie como no ff.

 

Imagem Postada

Imagem Postada

 

 

the void

Pior que testei, só que no meu IE ficou um bloco cinza ao invés de transparente! Qual a sua versão do IE?

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

ie 6num win2k no notebook da empresa

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito