En un post anterior vimos como aplicar transparencia a imagenes, ahora aplicaremos la transfarencias a una imagen de fondo y sobre el poner un texto de tal manera que se note la transparencia.
Transparencia con CSS
CSS nos brinda métodos para mejorar la visualización de nuestro contenido, entre ellas esta la aplicación de transparencias.
Veamos como aplicar transparencias:
.alpha { opacity: 0.5; filter:alpha(opacity=50); }
Ahora lo aplicaremos para transparencias del 30 y 70 % a una imagen, para eso creamos 2 estilos en el CSS.
.alpha30 { opacity: 0.3; filter:alpha(opacity=30); } .alpha70 { opacity: 0.7; filter:alpha(opacity=70); }
en el html :
<div><img src="icono.jpg" alt="" /></div> <div class="alpha70"><img src="icono.jpg" alt="" /></div> <div class="alpha30"><img src="icono.jpg" alt="" /></div>
El resultado seria este:
Marco decorativo para imagenes con CSS
Una buena explicación de como decorar nuestras imagenes con CSS 
empleando algunas etiquetas para poner un borde, otra imagen al borde u otra cosa que se nos ocurra.
El código funciona en diferentes navegadores, y nos evitaría un laborioso trabajo editando cada imagen por separado.
Además nos servira de gran ayuda cuando querramos darle una función a cierta parte la imagen. Enjoy =P
