opacity (poner opacidad de fondo)

Alvaros · #1 (**permalink**) 18/11/2011, 16:54

Hola!

Estoy tratando de utilizar "opacity" desde la css, el problema que tengo es que tengo un div principal,que quiero que parezca que esta por encima del div que tiene por detras y el div de atras con opacidad.
Por si acaso no me explicado claramente, lo que quiero conseguir es una especie de ventana emergente, es decir, la ventana principal,sin opacidad y todo lo de por detras con opacidad.1

Muchas gracias de antemano.

memoadian · #2 (**permalink**) 18/11/2011, 17:11

no te entiendo si pudieras poner una imagen de lo que deseas. puedes hacerlo con phtoshop y transpariencias (me refiero a la imagen para ver lo que quieres).

si lo veo se me ocurrirá algo :)

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