Foros del Web » Creando para Internet » CSS »

opacity en capa

Estas en el tema de opacity en capa en el foro de CSS en Foros del Web. hola, estoy haciendo una capa con un opacity:0.4 para que se pueda ver el fondo de pantalla, ahora cuando quiero escribir dentro de esa capa ...
  #1 (permalink)  
Antiguo 04/03/2011, 18:37
Avatar de juan_14nob  
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 7 años, 7 meses
Puntos: 6
opacity en capa

hola, estoy haciendo una capa con un opacity:0.4 para que se pueda ver el fondo de pantalla, ahora cuando quiero escribir dentro de esa capa las palabras se hacen transparentes tambien, intente solucionarlo creando otra capa dentro de esta y cambiandole opacity a 1 pero no funciono.. nose como solucionar esto

Saludoss!!
Código HTML:
#conte-medio{
width:980px;
height:100px;
background-color: #000;
opacity:0.26;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
position:relative;
}
#centro-parrafo{
position:relative;
width:960px;
height:80px;
color:white;
opacity:1.0;

}
Código HTML:
 <tr>	
		<td><br/><br/>
			<div id="conte-medio">
				<div id="centro-parrafo">
				
		contenido.. etc etc ...
				</div>
			</div>
		</td>
	
	</tr> 
  #2 (permalink)  
Antiguo 04/03/2011, 21:42
Avatar de arepavieja  
Fecha de Ingreso: marzo-2011
Mensajes: 203
Antigüedad: 6 años, 9 meses
Puntos: 9
Respuesta: opacity en capa

para aplicar la opacidad yo uso esto y me sirve:

Código CSS:
Ver original
  1. filter: Alpha(Opacity=100);
  2. -moz-opacity; 60;
  3. KhtmlOpacity: .60;
  4. opacity: .60
  #3 (permalink)  
Antiguo 04/03/2011, 21:45
Avatar de arepavieja  
Fecha de Ingreso: marzo-2011
Mensajes: 203
Antigüedad: 6 años, 9 meses
Puntos: 9
Respuesta: opacity en capa

Cita:
Iniciado por arepavieja Ver Mensaje
para aplicar la opacidad yo uso esto y me sirve:

Código CSS:
Ver original
  1. filter: Alpha(Opacity=100);
  2. -moz-opacity; 60;
  3. KhtmlOpacity: .60;
  4. opacity: .60
disculpa, no había leido bien la cuestión... y si usas una capa encima de la que estas opacando? claro sin anidarla...
  #4 (permalink)  
Antiguo 04/03/2011, 23:59
Avatar de juan_14nob  
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 7 años, 7 meses
Puntos: 6
Respuesta: opacity en capa

si, y no se como hacer para que la anidada no sea opaque
  #5 (permalink)  
Antiguo 05/03/2011, 00:48
Avatar de arepavieja  
Fecha de Ingreso: marzo-2011
Mensajes: 203
Antigüedad: 6 años, 9 meses
Puntos: 9
Respuesta: opacity en capa

tienes que usar centro-parrafo fuera de conte-medio... y ubicarla de acuerdo a una capa principal o contenedor para alinearla en donde la necesites y con position: absolute, top y left.
  #6 (permalink)  
Antiguo 05/03/2011, 00:52
Avatar de arepavieja  
Fecha de Ingreso: marzo-2011
Mensajes: 203
Antigüedad: 6 años, 9 meses
Puntos: 9
Respuesta: opacity en capa

Código CSS:
Ver original
  1. body {
  2. width: 100&#37;;
  3. height: auto; // si quieres crear scroll
  4. margin: 0px;
  5. padding: 0px;
  6. }
  7. html {
  8. width: 100%;
  9. height: auto; // si quieres crear scroll
  10. margin: 0px;
  11. padding: 0px;
  12. }
  13. #contenedor {
  14. position: relative;
  15. margin: 0px;
  16. padding: 0px;
  17. width: 100%;
  18. height: 100%;
  19. top: 0px;
  20. left: 0px;
  21. }
  22. #conte-medio{
  23. width:980px;
  24. height:100px;
  25. background-color: #000;
  26. opacity:0.26;
  27. -moz-border-radius-topleft:20px;
  28. -moz-border-radius-topright:20px;
  29. -moz-border-radius-bottomleft:20px;
  30. -moz-border-radius-bottomright:20px;
  31. position:absolute;
  32. top: x%;
  33. left: x%;
  34. }
  35. #centro-parrafo{
  36. position:absolute;
  37. width: x%;
  38. height: x%;
  39. color:white;
  40. opacity:1.0;
  41. top: x%;
  42. left: x%;
  43. }

Código HTML:
Ver original
  1. <div id="contenedor">
  2. <div id="conte-medio"></div>
  3. <div id="centro-parrafo"></div>
  4. </div>
  #7 (permalink)  
Antiguo 05/03/2011, 05:37
Avatar de juan_14nob  
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 7 años, 7 meses
Puntos: 6
Respuesta: opacity en capa

lo que pasa que yo quiero que el fondo con opacity el heigt valla creciendo a medida que le valla poniendo contenido en la capa anidada.. gracias por tu ayuda pero no me sirve...

saludos

Etiquetas: opacity, capas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:12.