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.