Ver Mensaje Individual
  #3 (permalink)  
Antiguo 10/05/2012, 21:19
jorgeabreo
 
Fecha de Ingreso: mayo-2012
Mensajes: 21
Antigüedad: 12 años
Puntos: 5
Respuesta: Sombra sobre la imagen

Cita:
Iniciado por bbrian Ver Mensaje
Hola a todos, necesito saber como ponerle una sombra arriba de la imagen asi se entienden las letras, les dejo una foto de lo que necesito:

[URL=http://www.subirimagenes.com/otros-sombra-7686782.html][IMG]http://s2.subirimagenes.com/otros/previo/thump_7686782sombra.jpg[/IMG][/URL]

Gracias !

Hola,

Creo que tienes dos opciones,

1. Opacidad CSS
2. Imagen semitransparente. (PNG)

1. Bueno el primer punto es sencillo, ese div donde tienes la información en texto le pones un background-color negro, y también opacity: de "0.7" por ejemplo.

El opacity permitirá que ese contenedor se vuelva semitransparente, y al tener un color de fondo negro, mostrara el efecto que deseas...

2. El punto 2 es con imagen, diseña un cuadrito de 4px por 4px por ejemplo, ese cuadrito lo diseñas de color negro, y en el programa de diseño le pones una opacidad de 80 o 70%, la exportas en png para conservar la transparencia, y luego a ese div o contenedor, le pones esa imagen semitransparente de fondo, y también simulara ese efecto.

Son las dos opciones que se me ocurren, yo haría la 1, pero es cuestión de gusto,

Saludos!