16/02/2007, 16:06
|
 | Colaborador | | Fecha de Ingreso: octubre-2006 Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses Puntos: 280 | |
| Re: Opacidad de capa
Hola, Abite.
Creo que esto te podrá servir de referencia.
Código:
<!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>solicion alternativa</title>
<style type="text/css">
html, body { width: 100%;
height: 100%;
}
.encima, .debajo { border: 5px solid rgb(204, 204, 204);
width: 500px;
left: 30%;
top: 20%;
opacity: 1;
background-color: rgb(255, 102, 0);
position: relative;
}
.encima {z-index: 2;
}
.debajo {z-index: 0;
}
.opacidad_on {
filter: alpha(opacity=30);
opacity: .3;
background-color: rgb(102, 51, 255);
width: 100%;
height: 100%;
position: absolute;
top: 0pt;
left: 0pt;
z-index: 1;
}
</style>
</head>
<body>
<div class="opacidad_on"></div>
<div class="encima">
<p> Esta caja debería quedar encima de la opacidad</p>
<br />
<br />
</div>
<br />
<div class="debajo">
<p> Esta caja debería quedar debajo de la opacidad</p>
<br />
<br />
</div>
</body>
</html>
Mikel. |