Opacity

[Patriarka]

Hola gente quiero hacer algo pero no se si es posible:

Código CSS:

.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 
  /* IE 5-7 */
  filter: alpha(opacity=50);
 
  /* Netscape */
  -moz-opacity: 0.5;
 
  /* Safari 1.x */
  -khtml-opacity: 0.5;
 
  /* Good browsers */
  opacity: 0.5;
}
.texto_blanco{
color:white;
}
 

Código HTML:

<div class=" texto_blanco transparent_class" >larala</div>
 

Quiero que solo el fondo del div tenga el opacity y el texto se mantenta con el color original.

como podria hacer esto?
dentro de esta caja tambien hay imagenes, videos etc y queda todo con opacity