Como poner un fondo transparente

[novatoide]

Iniciado por joseoliveras

No te había entendido. Si la estructura es

Código HTML:

<div class="contenedor">
     <div class="contenido">
     </div>
</div>
 

Entonces:

Código CSS:

.contenedor{opacity:0.7;}
.contenido{opacity:1;}
 

Exacto la estructura es asi, pero con id, pero nada sigue igual :S incluso los pase los id a clase por las dudas para probar pero nada de nada :S

Código CSS:

.contenedor
{
    box-shadow:0 1px 8px red;
    margin:15px auto 0px;
    width:800px;
    overflow:hidden;
    opacity:0.5;
    background:blue;
    border-radius:10px;
    border:3px solid #eee;
}
.contenido
{
    opacity:1;
    width:740px;
    margin:15px auto 15px;
    background:blue;
    border-radius:10px;
    height:100%;
    border:5px solid #eee;
}
.contenido:hover
{
    box-shadow:0 1px 10px red;
}
 

Abrazo