Buongiorno a tutti,
sto provando a giocare con le direttive css
codice:
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à
codice:
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
codice:
.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
codice:
<div class="menu-item">
        	<div class="img-item">[img]img/prova.jpg[/img]</div>
            <div class="caption-item">PROVA</div>
        </div>

Grazie