Foros del Web » Creando para Internet » CSS »

Div translucido

Estas en el tema de Div translucido en el foro de CSS en Foros del Web. Buenas tardes. Mi duda es como puedo hacer que al mostrar un div que estaba oculto con la etiqueta display:none el fondo se ponga más ...
  #1 (permalink)  
Antiguo 19/03/2011, 12:54
 
Fecha de Ingreso: julio-2010
Mensajes: 11
Antigüedad: 7 años, 5 meses
Puntos: 0
Div translucido

Buenas tardes.
Mi duda es como puedo hacer que al mostrar un div que estaba oculto con la etiqueta display:none el fondo se ponga más oscuro como si hubiese una capa negra translucida, es decir un div negro con transparencia...

Gracias
Atentamente
APadin
  #2 (permalink)  
Antiguo 19/03/2011, 15:17
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Div translucido

Yo uso bastante un fondo con una imagen png que es un formato que permite usar transparencias.
Otra posibilidad es hacer uso de CSS3. Hay ejemplos en el foro que encontrarás si buscas "opacidad" o "transparencia" en el cuadro de búsqueda del menú o a través de google.
Este enlace puede servir de ejemplo aunque se usa un fondo blanco en lugar de negro:

transparencia
El problema es que si usas opacidad en un div, ésta se aplica al contenido del div tanto como al fondo, pero con un poco de imaginación se puede solventar el problema. Eso no ocurre si la opacidad la consigues con una imagen de fondo transparente que repites a lo ancho y a lo alto.
  #3 (permalink)  
Antiguo 19/03/2011, 16:48
 
Fecha de Ingreso: julio-2010
Mensajes: 11
Antigüedad: 7 años, 5 meses
Puntos: 0
Respuesta: Div translucido

tu contestación me dio dos grandes ideas, no se si funcionan, las tengo k probar, pero eso creo que queda para mañana...
  1. La imagen que tu has dicho en png (no se x k no se me acordo)
  2. Poner dos div... uno x debajo con la transparencia y otro superior con el texto. Ambos aparecen y desaparecen al mismo tiempo.

Pero creo que tu idea, la de la imagen es la que mejor me va...

Muchas gracias...

Etiquetas: translucido, transparencia
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:18.