Buenas, tengo 3 capas en la web, cuando el cliente ejecuta una cosa saco una capa sobre todas donde desabilito todo y le tengo que dar a elegir unas cosas, esto se hacerlo mas o menos, necesito que la capa que muestro encima de todas sea mas o menos transparente ( se siga viendo los datos abajo en plan quede bonito ) y dentro de esta capa una capa donde se vea todo BIEN sin ser transparente ... ¿como puedo hacer esto?.
El codigo seria algo asi :
Código:
#capaprincipal1
{
z-index: 1;
position:absolute;
width: 30%;
padding-left: 0%;
margin-top:0px;
background-color: #CE6BBD;
}
#capaprincipal2
{
z-index: 2;
position:absolute;
width: 30%;
margin-left: 31%;
margin-top:0px;
background-color: #CE6Bff;
}
#capaprincipal3
{
z-index: 3;
position:absolute;
width: 30%;
margin-left: 62%;
margin-top:0px;
background-color: #CE6B00;
}
#sub1
{
z-index: 4;
position:absolute;
width: 100%;
height: 400px;
background-color: rgb(78,108,198);
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
/*overflow:auto;*/
}
#textodentro {
z-index: 5;
width: 470px;
height: 420px;
background-color: #CE6B00;
position: absolute;
}
Donde sub1 es la capa grande que oculta todo y la capa textodentro deberia ser la capa donde se ve la info bien sin degradado, pero como la textodentro esta dentro de la degradado pues se ve con el degradado ¿como podria quitarlo?.
Estuve jugando con los datos :
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
Pero no consegui hacerlo funcionar en la dentro de la degradada.
A ver si me podeis ayudar, venga un saludo.