Div a sfondo trasparente

[mrkarati]

Salve,
vorrei creare un Div a sfondo semi-trasparente. Fin qui nessun problema, tramite i CSS ci son riuscito facilmente. Il problema è che dovrei aggiungerci delle scritte all'interno di questo Div... ma anch'esse risultano semi-trasparenti e questa è una cosa che vorrei evitare. Attualmente il codice CSS che sto utilizzando è il seguente:

.slide_barra_grigia {
	opacity:0.80;
	filter:alpha(opacity=80);
	position: absolute;
	bottom: 0px;
	background-color: #000000;
	color: #ffffff;
	width: 510px;
	height: 53px;
	padding-top: 7px;
	padding-left: 20px;
}

[dreadnaut]

Se usi opacity cambi la trasparenza di un intero elemento, ma anche di tutto quello che contiene. Per avere uno sfondo trasparente, setta solo quello

  background: rgba(0,0,0,0.8);

Questo funziona su tutti i browser moderni, ma se vuoi un poco di retro-compatibilità (principalmente per IE<8) puoi affiancarlo ad una png trasparente, od uno sfondo senza trasparenza.

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