CSS: Div transparente

Bom vou explicar aqui como se cria uma div com transparência regulável.

Crie um documento HTML e um documento CSS.

No html:

- Crie DIV com ID 'box '

- Crie uma classe 'f-transp' e feche-a

- feche a div 'box '

No CSS:

div#box{
position:absolute; top:5%; left:30%;
width:120px; height:125px;
overflow:hidden; // O overflow é usado para inibir o aumento não desejado do div.
border:1px solid white;
}

div.f-transp{
position:absolute; top:0; left:0;
width:100%; height:100%;
width:inherit; height:inherit;
background:red;
filter:alpha(opacity=30, finishopacity=30, style=1);
opacity:.3;
-khtml-opacity:.3;
border:none;
}