DIV contenitore trasparente e contenuto :)

[X-sPiKe_iT]

Buongiorno a tutti,
sto provando a giocare con le direttive css

filter:alpha(opacity="60"); 
opacity:0.6;

applicandoli ad un DIV che fa da contenitore. Il mio problema è che la trasparenza viene ereditata da tutti gli elementi figli (e ci sta ok) ma se imposto per tutti gli elementi figli le proprietà

filter:alpha(opacity="100"); opacity:1.0;

i contenuti resta cmq con la trasparenza del padre. Come posso risolvere ?? Sotto vi allego le classi css ed il codice html associato.

CSS

.menu-item { width:235px; height:350px; float:left; display:inline; margin-right:13px; background-color:#333; filter:alpha(opacity="60"); opacity:0.6; }

.img-item { margin:5px; width:225px; height:300px; filter:alpha(opacity="100"); opacity:1.0; }
.img-item img { filter:alpha(opacity="100"); opacity: 1.0; }

.caption-item { margin:5px; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:30px; text-align:center; filter:alpha(opacity="100"); opacity:1.0; }

HTML

<div class="menu-item">
        	<div class="img-item">[img]img/prova.jpg[/img]</div>
            <div class="caption-item">PROVA</div>
        </div>

Grazie

[fcaldera]

cerca nel forum, questo problema è già stato discusso decine di volte

[X-sPiKe_iT]

in sostanza o uso rgba oppure una png.. con l'opacity non si può fare quello che voglio io. Giusto ? Per quanto riguarda la compatibilità con ie invece ? E' meglio usare una png o rgba ?

[X-sPiKe_iT]

risolto
consiglio a tutti coloro che abbiano il mio stesso problema le letture di questi link illuminanti

http://css-tricks.com/rgba-browser-support/
http://css-tricks.com/how-to-create-...ly-stylesheet/ (se come me siete a digiuno sull'utilizzo dei tag condizionali per ie)
http://msdn.microsoft.com/en-us/libr...=vs.85%29.aspx (per capire come impostare il colore del gradiente)

testato e funzionante.. mi manca un ie6 da testare ma dovrebbe andare