opacity en el background pero no al texto

[lgga]

Bueno tengo este problemita. Trato de poner opacity en el color de fondo de un div, pero no quiero que también el texto tenga esta característica.

html

Código HTML:

<div id="titulo">
	  <h2>Bla bla bla</h2></div>

     </div> 

css

Código HTML:

#titulo {

	background-color:#593F3D;
	opacity: 0.3;
	width:336px;
		}

aquí la imagen de como se ve, el texto debería salir en blanco, pero no lo hace.

[Batan]

es que lo que estarias haciendo es asignarle la propiedad a todos los elementos de dentro del DIV.
Crea un estilo como este haber

#titulo h2{opacity: 0;}

Saludos

[IsaBelM]

partiendo de que tu html es incorrecto

<div id="titulo"></div>
<h2>Bla bla bla</h2>

ahora al h2 se le da posición absolute, con el top y left que quieras y también has de añadir z-index

[daPhyre]

La otra opción es que pongas un alfa al color de fondo, ya que opacity afecta a todo su contenido por igual:

Código PHP:

  background-color:rgba(0,0,0,0.5);  
   

[IsaBelM]

al usar rgba que es css3, los navegadores antiguos no lo soportan

[lgga]

Excelentes tips amigos, muchas gracias.

@IsabelM ya deberían desaparecer los usuarios con navegadores viejos........jeje