Opacità applicata al div ma non al testo contenuto

[DemonCX]

Salve a tutti,

per ottenere un effetto di trasparenza ho utilizzato nella cella della mia tabella:

td.gr2 {
z-index:1;
border: none;
background-color: #2e2e2e;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
padding: 10px;
line-height: 15px;
}

il problema è che anche il testo in essa contenuto, che vorrei bianco, subisce il filtro di opacità applicato.
Quindi ho provato ad utilizzare l z-index con un div per portare in primo piano il contenuto testuale:


div.spn1{
z-index:2;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 11px;
color: #ffffff;

}

ma continua a non funzionare.
Come posso applicare l'opacità alla sola cella e non al testo?
Grazie a tutti coloro risponderanno

[Mich_]

Se un oggetto perde luminosita`/opacita`, deve perderla tutto l'oggetto; non e` possibile far svanire un oggetto e lasciare visibile un elemento interno.

Se il problema e` solo l'immagine di sfondo, puoi applicare l'opacita` all'immagine stessa (che si fa con strumenti grafici prima di inviare al client). Questo e` anche compatibile con tutti i browser (mentre l'opacita` che usi tu e` una anticipazione dei CSS3, che funziona solo in alcuni browser)