Otro pequeño truco bastante simple pero muy socorrido, vamos para no tener que estar buscándolo en google jeje.
La idea sencillamente es superponer capas, añadirle texto y transparencia en el background, o lo que es lo mismo, capa transparente con CSS3:
#container #content #title {
background-color: grey;
height: 125px;
position: absolute;
top: 25px;
width: 25%;
z-index: 2;
background: rgb(0, 0, 0) transparent;
background: rgba(0, 0, 0, 0.7);
/* para IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* Para IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
Cualquier duda os esperamos en los comentarios =)
¡Buen fin de semana a tod@s!
