problema con opacity

[maxcondor]

Vorrei che il testo descrizione avesse opacità 100%, però noto che eredita l'opacità 30% del div contenitore. La cosa strana però che se invece di mettere a 100 l'opacita di tit-PrimoPiano la diminuisco a 0 il testo Descrizione scompare.
Dov'è l'arcano?

html

<div class="caption-bottom"><span class="tit-PrimoPiano">Descrizione </span></div>

css

.caption-bottom {
  background: #000;
  color: #fff;
  padding: 10px;
  margin: 0;
  position: relative;
  z-index: 10;
  opacity: 0.3;
  filter: alpha(opacity=30);
 }
 .tit-PrimoPiano{
  opacity: 1.0;
  filter: alpha(opacity=100);
 }

[Prill]

Ciao maxcondor, opacity è proprietà ereditata, quindi applicata anche ai div interni. Non così accade con l'uso di valori rgba, supportati da tutti i maggiori browser ad eccezione di Explorer col quale il problema può essere aggirato mediante l'uso di codice proprietario

<style type="text/css">
.caption-bottom {
   background: rgba(0, 0, 0, 0.3);
   color:#fff;
}
</style>
<!--[if lte IE 8]>
<style type="text/css">
.caption-bottom {
    background:transparent;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    zoom: 1;
} 
</style>

<![endif]-->

P.S.: al posto di va, tutto attaccato, ": D"

[maxcondor]

si va bene ma come imposto lo startcolorstr e l' endcolorstr?

[Prill]

il colore di partenza e quello di arrivo saranno gli stessi (stiamo piegando infatti il filtro gradient a un uso diverso rispetto a quello originario, cioè di ottenere delle sfumature), i valori rgba vanno convertiti in esadecimali (e l'ordine sarà argb), ci sono strumenti in rete, tipo qui http://kilianvalkhof.com/2010/css-xh...se-rgba-in-ie/