Div con sofondo semitrasparente

[Ale407]

Ciao a tutti,
sto cercando di realizzare un'area del sito in cui venga mostrata un immagine alla quale siano sovrapposti dei box semi trasparenti contenenti del testo.
Riesco a dare la trasparenza ai <div> che contengono il testo ma inevitabilemtne anche il colore del testo cambia e si "opacizza". Come posso evitare che il testo nei box subisca la trasparenza del div?

Riporto il codice:

	<div style="width:718px; height:278px; border:1px solid #ccc; background-image: url(slider_2.jpg);">
      <div style="width: 180px; height: 180px; background: #006; opacity: 0.65; -moz-opacity: 0.65; filter:alpha(opacity=65); position: relative; left: 35px; top: 10px; border: Solid 1px #CCCCCC; background-color: #8AB1D8;">
      <div style="padding: 5px 0px 0px 10px; border-bottom: 1px solid #F60; font-size: 11px; color: #FFF">Sky - Soluzioni Retail</div>
      <div style="padding: 5px 3px 0px 10px; text-align: justify; font-size: 10px; color: #FFF">L'ERP SkyStore è il nuovo standard del retail.   
Scopri SkyStore 
Accedi alle Demo OnLine</div>
    </div>
</div>

Grazie in anticipo.

Ale.

[Ale407]

dimenticavo.. per dare la trasparenza al <div> sto utilizzando:

opacity: 0.65; -moz-opacity: 0.65; filter:alpha(opacity=65);

[mucu]

http://css-tricks.com/rgba-browser-support/

[cepu96]

Devi dare il colore in formato RGBa, dove "a" indica il canale alpha. A differenza si opacity, questa tecnica non viene ereditata, e quindi permette di inserire elementi non trasparenti in contenitori trasparenti
In pratica, passi 4 valori: rosso, verde, blu e trasparenza in percentuale

/*Esempio di div con background nero semitrasparente */
div {
background: rgba(0, 0, 0, 0.5)
}