Foros del Web - Ver Mensaje Individual

emprear · #3 (**permalink**) 18/11/2011, 19:16

podés usar algo como esto

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
html,body{
height: 100%;
padding: 0;
margin: 0;
border:none;
}
#fondo{
background-color: #261811;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 
}
#ventana{
background-color: #261811;
color: #FFF;
position: absolute;
left: 0;
top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 
width: 400px;
height: 200px;
color: #FFF;
z-index: 100;
margin-top: 50px;
margin-left: 400px;
}
.otras{
background-color:#005100;
color: #000;
}
/*]]>*/
</style>
</head>
<body>
<div id="ventana">
Texto ventana
</div>
<div id="fondo">
</div>
<div class="otras">
capa 1 detrás del fondo
</div>
<div class="otras">
<h1> capa 2 detrás del fondo</h1>
</div>
</body>
</html>

Pero para que tenga sentido, habría que ver el conjunto de tu aplicación

SAludos