Para os que estão em duvida a sol~ução que encontrei foi colocar DIV sobre DIV, deixando a DIV transparente somente como um container para os demais:
<html>
<head>
<style type="text/css">
div.principal{
position: relative;
background:url(br.jpg);
background-repeat:no-repeat;
left: 500;
top: 100;
}
div.pai{
position:relative;
background: green;
filter: alpha(opacity=50);
opacity: 0.50;
width:200px;
height:300px;
left: 150;
}
div.filho{
position:relative;
width:200px;
top: -300px;
left: 150;
}
</style>
</head>
<body bgcolor="#cccccc">
<div class="principal">
<div class="pai"></div>
<div class="filho">conteúdo</div></div>
</body>
</html>