Foros del Web » Creando para Internet » CSS »

Transparencia css algo falla

Estas en el tema de Transparencia css algo falla en el foro de CSS en Foros del Web. hola estoy intentando hacer un banner flotante con una capa aplicandole estilos css de opacidad pero el tema es que le da opacidad a todo ...
  #1 (permalink)  
Antiguo 02/07/2009, 18:57
 
Fecha de Ingreso: junio-2008
Mensajes: 292
Antigüedad: 15 años, 10 meses
Puntos: 4
Transparencia css algo falla

hola estoy intentando hacer un banner flotante con una capa aplicandole estilos css de opacidad pero el tema es que le da opacidad a todo el contendino txt images a todo alguien sabe como hacer para que solo se le aplique a la capa y no a su contenido, gracias
  #2 (permalink)  
Antiguo 02/07/2009, 19:13
 
Fecha de Ingreso: junio-2009
Mensajes: 14
Antigüedad: 14 años, 9 meses
Puntos: 1
Respuesta: Transparencia css algo falla

puedes hacer algo como esto:
css:
#opaco{
filter:alpha(opacity=50);
z-index:*;}

html:
<div>texto bla bla bla
<div id="opaco"><img...(baner)...></div>
texto bla bla bla
</div>


si no es asi, enviame mas datos
  #3 (permalink)  
Antiguo 02/07/2009, 19:19
 
Fecha de Ingreso: junio-2008
Mensajes: 292
Antigüedad: 15 años, 10 meses
Puntos: 4
Respuesta: Transparencia css algo falla

mira tengo este codigo para el css

#Obj0 {
text-align: center;
position: absolute;
top: 50%;
clip: rect(auto,auto,auto,auto);
background-color: #A05A5A;
padding: 0px;
margin: auto;
border: 1px solid #971B1B;
left: 60%;
right: 60%;
bottom: 50%;
height: 100%;
width: 100%;
-moz-opacity:0.75;
opacity:0.75;
filter:alpha(opacity=′75′);
}

y en el html

<div id="Obj0" style="position: absolute; top: -1px; left: 1px;">
<dd>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle"><a href="#" onclick="document.getElementById('Obj0').style.dis play = 'none'; "><img src="imgs/formulario/no.jpg" width="16" height="17" border="0" /></a></td>
</tr>
<tr>
<td align="center" valign="middle"><img src="imgs/cartel.jpg" width="227" height="340" /></td>
</tr>
<tr>
<td align="center" valign="middle">&nbsp;</td>
</tr>
</table>
</dd>
</div>

Última edición por Ghosty; 02/07/2009 a las 19:51
  #4 (permalink)  
Antiguo 02/07/2009, 19:54
 
Fecha de Ingreso: junio-2008
Mensajes: 292
Antigüedad: 15 años, 10 meses
Puntos: 4
Respuesta: Transparencia css algo falla

te arrepentiste?? xD
  #5 (permalink)  
Antiguo 03/07/2009, 05:56
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Transparencia css algo falla

La explicación al porqué ocurre la tienes aquí

Un ejemplo de cómo hacer lo que pretendes.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #6 (permalink)  
Antiguo 03/07/2009, 07:48
 
Fecha de Ingreso: junio-2008
Mensajes: 292
Antigüedad: 15 años, 10 meses
Puntos: 4
Respuesta: Transparencia css algo falla

ya he conseguido que se vea la capa por delante...pero ahora solo se cierra la capa de detras la cierro asi

onclick="document.getElementById('Obj0').style.dis play = 'none'; "
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 04:51.