Saludos a todos.
He tratado de crear un cuadro con una transparencia que superponga una imagen de fondo y dentro de la transparencia se encuentre el contenido de la página pero que no posea la transparencia. Como en la siguiente imagen de ejemplo, busco que "Hola Mundo" quede con una transparencia del 100%:
El código que tengo en la web el siguiente:
CODIGO HTML:
Código:
<div id="principal">
<div id="header">
<img src="images/header.png" />
</div>
</div>
Código:
#principal {
position: fixed;
left: 100px;
top: 148px;
right: 100px;
opacity: 0.6;
filter:alpha(opacity=60);
background: #fff;
border: 1px solid #000;
text-align:center;
}
#header {
text-align:center;
opacity:1;
filter:alpha(opacity=100);
}
Agradezco por adelantado toda su ayuda.