Ciao XNavigator,

Certo che è possibile renderlo trasparente.

Ti faccio un esempio pratico di qualcosa simile a ciò che uso io nel mio sito che sto sviluppando.


Nel file contentente gli stili css ho questo:

#info {
float:right;
background:url('../images/infocontent_mid.gif');
width:510px;
height:100%;
margin-top: 10px;
margin-right:2px;
margin-bottom:10px;
}

.post {
filter: alpha(opacity=80);
opacity: 0.8;
background: #ffffff;
height:100%;
padding:20px;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
}


......

Nella pagina html (php, asp, ecc.) dove lo vuoi usare metti qualcosa di simile:


<div id="info">
<div class="post">
<h2>
Testo di prova del post .....


aeiou 1234567890


</h2>
</div>
</div>

C'è il primo DIV "info" che è quello che ha come sfondo l'immagine e funge da contenitore.

Il secondo DIV "post" è contenuto nel primo (e volendo gli puoi dare tu le dimensioni che vuoi e posizionarlo dove vuoi all'interno del primo) ed è quello che sovrapponendosi al primo ti crea le trasparenze. Questo perchè ci sono le due righe nella dichiarazione del css

filter: alpha(opacity=80);
opacity: 0.8;

che servono proprio ad impostare il parametro alfa, per la trasparenza.

E' importante che li usi entrambe, perchè su alcuni browser serve il primo ed in altri serve il secondo per avere l'effetto di trasparenza.

Come puoi ben capire leggendo le due righe, il primo lo esprimi con un valore in [0 .. 100] mentre nel secondo devi specificare lo stesso valore però nell'intervallo [0 .. 1] (è ovvio che devi dividere il primo valore per 100).


Spero di essere stato abbastanza chiaro e che ti abbia detto le cose che intendevi tu.

Ciao!!!