escludere trasparenza al testo

[nickmadison]

ho applicato una trasparenza ad un <div> utilizzando questa sintassi:

-moz-opacity: 0.xx;
filter: alpha(opacity=xx);

funziona correttamente, però vorrei che la trsparenza fosse applicata solo al <div> in cui l' ho applicata e non al testo contenuto nel <div>. c' è una soluzione per questo?

[crinzy]

la sparo senza verificare:
se metti all'interno un altro div che contiene il testo, specificando opacity 100?

[conero]

anche io ho questo problema, ci ho provato ma nulla non funziona. Soprattutto i FF. altre soluzioni!? Io ho provato a fare positions:absolute e su IE è ok, mentre su FF non ne vuol sapere, l'opacità rimane sempre.

[Mich_]

L'argomento e` stato affrontato piu` volte: consiglio quindi una ricerca nel forum.

In linea di massima il consiglio e` di usare per lo sfondo una immagine gia` semitrasparente (png o in subordine gif).
Non e` possibile togliere la semitrasparenza da un oggetto all'interno di uno semitrasp.
(ma e` possibile sovrapporre piu` oggetti posizionati e con z-index opportuno).

[TheSpy]

Stesso problema anche per me, sia su IE che FF ed altri browser.
Ho provato a mettere due div uno dentro l'altro con z-index ma niente, ecco come ho fatto:

codice nel CSS

.box{
margin-left: 20px;
padding: 10px;
float: left;
background-color:#FFFFFF;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
z-index: 1;
}
.contenuti{
z-index: 5;
}

codice sulla pagina

<div class="box" style="margin-top: 200px; width: 150px; text-align: right;">
<div class="contenuti">Testo testo testo</div>
</div>

Qualche soluzione ??? Grazie in anticipo.