Foros del Web » Creando para Internet » Herramientas y Software »

Capas translucidas

Estas en el tema de Capas translucidas en el foro de Herramientas y Software en Foros del Web. Hola a todos, Quiero poner dos capas, una de las cuales sea traslúcida y deje ver lo de la capa que hay debajo; he intentado ...
  #1 (permalink)  
Antiguo 20/10/2008, 08:28
Avatar de JOSANCIN  
Fecha de Ingreso: septiembre-2008
Ubicación: huesca
Mensajes: 298
Antigüedad: 15 años, 8 meses
Puntos: 0
Capas translucidas

Hola a todos,
Quiero poner dos capas, una de las cuales sea traslúcida y deje ver lo de la capa que hay debajo; he intentado poner en una de las capas una foto traslucida hecha con photoshop pero no deja ver la capa de debajo.
Agradecería que alguien me dijese como es posible hacer esto
GRACIAS A TODOS!
Josan
  #2 (permalink)  
Antiguo 20/10/2008, 16:35
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 11 meses
Puntos: 539
Respuesta: Capas translucidas

Mediante css puedes lograrlo, usando la propiedad
{opacity:.xx;
filter:alpha(opacity=xx);
-moz-opacity:.xx;
}
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 26/10/2008, 04:35
Avatar de JOSANCIN  
Fecha de Ingreso: septiembre-2008
Ubicación: huesca
Mensajes: 298
Antigüedad: 15 años, 8 meses
Puntos: 0
Respuesta: Capas translucidas

muchas gracias por la respuesta pero no me sale (supongo que estare haciendo algo mal)
¿la secuencia que indicas debere escribirla integramente en la pantalla del programador dentro de la "layer"?
Gracias por la respuesta
  #4 (permalink)  
Antiguo 26/10/2008, 10:16
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: Capas translucidas

si te funciona en firefox y no en explorer puede ser que necesites darle un ancho al div. si no tiene un ancho puedes darle un 100% y funciona igual.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #5 (permalink)  
Antiguo 26/10/2008, 11:12
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 11 meses
Puntos: 539
Respuesta: Capas translucidas

Las propiedades que te indicaba son para añadir en tu archivo css al elemento al que quieras dar transparencia, transparencia que que afectará a la imagen o color de fondo, al texto y a todo lo que esté contenido en él.

Supongamos que tengas un div llamado caja1, entonces quedaría así:
Cita:
.caja1 {
background: #000 url(tuimagen.jpg) repeat;
width: 450px;
{opacity:.75;
filter:alpha(opacity=75);
-moz-opacity:.75;
/*resto de propiedades del div*/
}
Y en tu html:
Cita:
<div class=caja1>Contenido de ese div</div>
Espero que ahora haya quedado más claro.

Un saludo.
P.D.:
Las distintas formas (opacity:.xx; filter:alpha(opacity=xx); -moz-opacity:.xx;) son lo mismo, pera cada una para un navegador diferente: ópera, ie, ff. Hay otras más.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 15:30.