Ir para conteúdo

POWERED BY:

Arquivado

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

Mr.2hard

Div transparente ?

Por , em Desenvolvimento frontend

Recommended Posts

Mr.2hard    0

Mr.2hard
Postado

Alow, To com um baita problema por aqui. Apliquei uma transparência em uma div, e conseqüentemente todo seu conteúdo, todo o interior da div, como imagens e textos também ficaram translúcidos.Tentei de tudo, várias coisas em CSS e nada!Há como resolver isso ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

aqui funcionou perfeitamente:

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Teste</title><style type="text/css">#geral {	width: 750px;	background-color: #CCCCCC;	margin: 0 auto;	height: 500px;	text-align: center;	background: url(imagem.gif);}#transparente {	background-color: transparent;	height: 200px;	width: 200px;	border: 1px solid #000000;}</style></head><body>	<div id="geral">		<div id="transparente">			conteudo<br />			<img src="imagem02.jpg" alt="" />		</div>	</div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

verdade... tem essa tb douglas... bem lembrado...eu num gosto dessa propriedade de opacidade naum... num confiomto nela naum... mas... :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mr.2hard    0

Mr.2hard
Postado

Eu apliquei opacity mesmo.

 

Vi que você utilizou background-color: transparent qual a diferença? porque eu queria um efeito translucido na div, que permita enxergar um pouco do background da página.

 

 

o background-color: transparent dará esse efeito ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

ah tah... agora entendi... bom, ae o opacity funcionaria... mas jah vi varios problemas com essa parada d transparência...

 

mas como nós naum vivemos sem as gambiarras... hehehehe... criei uma aki... vo até guardar pro futuro, caso precise... criei agora, v ae:

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Teste</title><style type="text/css">#geral {	width: 750px;	background-color: #CCCCCC;	margin: 0 auto;	height: 500px;	text-align: center;	background: url(imagem.gif);}#principal {	height: 200px;	width: 200px;	border: 1px solid #000000;	position: relative;}.figura {	height: 100%;	width: 100%;	opacity: .5;	filter: alpha(opacity=50);	position: absolute;	background-color: #FFFFFF;	top: 0;	left: 0;}#conteudo {	height: 100%;	width: 100%;	position: absolute;	top: 0;	left: 0;	z-index: 1;}</style></head><body>	<div id="geral">		<div id="principal">			<div class="figura"></div>			<div id="conteudo">				conteudo<br />conteudo<br />conteudo<br />conteudo			</div>		</div>	</div></body></html>
dah uma olhada e estudada ae ;)

 

qq coisa pergunte... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif mas quebre a cabeça ae tb, num vem perguntar sem antes tentar entender, fazer modificações, etc... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mr.2hard    0

Mr.2hard
Postado

Adaptei o código ao meu layout, e depois de alguma paciência, consegui. Eis que me surge outro problema referente a isso. Criei uma div apenas pro conteudo, mesmo sendo de outra, o branco da transparência não acompanha o texto. Ou seja, vai chegar o momento que o texto sairá da caixa....de qualquer forma, continuarei tentando.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mr.2hard    0

Mr.2hard
Postado

bruno. tipo, eu criei a div principal (ñ usei a geral) conforme você me indicou com alguns pequenos ajustes, depois criei a "conteudo", para o texto não ficar transparente.

 

problema: quando o texto do conteudo ultrapassa o tamanho da principal, a transparencia não o acompanha, e é como se ele estivesse fora da div, entende?

Compartilhar este post

Link para o post
Compartilhar em outros sites

NiKoLaU_    0

NiKoLaU_
Postado
Ok, consegui deixar minha div com o opacity, sem deixar o conteúdo transparente, mas qual propiedade eu adiciono, para o conteúdo não ficar transparente no FireFox?

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