Es que ya se lo explicamos,
mariogl84. Van ocho mensajes y seguimos con la misma historia.
deywibkiss la va a ganar por cansancio.
¿Cuál es el problema que tienen en este Foro para poner un ejemplo, aunque sea simulando que saben HTML?
Bien. La aclaración cabida convenía hacerla al principio. O no. Realmente no conozco esa library, pero voy a suponer que te permite meter cualquier capa que hayás creado, y que no solamente le mandás parámetros para que te la escriba.
Esa captura sí fue reveladora. Si mirás bien, resulta que la capa la muestra sobre el contenido del documento, previamente "blureado". Eso significa que lo que estás pidiendo no tiene mucho sentido: si el fondo fuese semitransparente, se mezclaría con el documento, y quedaría un pastiche horroroso, incomprensible.
La idea es que el mosaico de fondo se transparente contra el fondo de esa ventana de ... diálogo. Que tiene fondo blanco. Y por lo tanto, el efecto es de aclararse un poco, lo que ayuda a destacar el contenido contra el fondo.
Así se pone un código,
deywibkiss. Así...
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title></title>
</head>
<body style='background-color:white; padding:30px; '>
<div id='principal' style='width:600px; height:400px; background-size:60px;
background-image:url(http://imageshack.us/a/img26/2554/guillermojones.jpg);
background-repeat:repeat; border:solid red 1px; position:relative; z-index:0; '>
<div id='cubre' style='width:600px; height:400px; background-color:white; top:0; left:0;
opacity:0.5; filter:alpha(opacity=50); position:absolute; z-index:-1; '></div>
<div id='izquierda' style='float:left; z-index:1; '>
<div id='imagen' style='width:240px; height:320px; background-size:240px 320px;
background-image:url(http://imageshack.us/a/img26/2554/guillermojones.jpg);
background-repeat:no-repeat; margin:30px; z-index:1; '></div>
</div>
<div id='derecha' style='width:220px; height:320px; background-color:lime; float:left;
margin:30px;'>
<div id='informacion' style='color:maroon; font:900 26px/220% cursive;
background-color:yellow; text-align:center; '>GUILLERMO <br>JONES</div>
</div>
</div>
</body>
</html>
Y es lo que hubieses encontrado en cualquier parte, si te hubieses tomado el trabajo de buscar y leer. Como te dije, se superponen capas.