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
codice:
<div class="caption-bottom"><span class="tit-PrimoPiano">Descrizione </span></div>
css

codice:
.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);
 }