Podés crear un div con el ancho y alto de la imagen tambien en display le pones table, luego le pones a ese mismo div la imagen que querés de fondo. Una vez hecho eso, le creas el otro div donde irá la barra con transparencia.
Ejemplo:
<style>
.cont
{
display:table;
background-image:url(avatar_mq.png);
width:300px;
height:100px;
}
.barra
{
width:300px;
background-color:#000;
position:absolute;
opacity:0.4;
filter:alpha(opacity=40);
}
</style>
<div class="cont">
<div class="barra">Barra transparente</div>
</div>
