Is there a simple way to make text solid and background transparent

I am trying to achieve the effect of having my text solid, nothing shows through, but the background color of the element holding the text, to be with opacity (o.5 for example).

I am currently do it with one element on top of the other.

Am wondering if there is a way to do it with only one element.

<div class="body">
   here be a background image

   <div class="title"> TITLE WITH FAINT WHITE BACKGROUND</div>
</div>