Hogy lehet css-ben mrgcsinálni, hogy a div háttere átlátszó legyen de a rajta levő szöveg ne?

Hello!

Van egy css kodom div#cucc{

text-align:center;

border-right:3px solid white;

border-left:3px solid white;

width:800px;

}

div#cuccc{

opacity:0.7;

}

és egy html kodom

<div id="cuccc">

<div id="cucc">

szoveg blalalallala

</div>

</div>

és azt szeretném elérni ,hogy a div cucc-ba szöv eg van és vagy szép kis háttere meg minden és el szeretném halványítani a hátteré (div cuccc) de sehogy se megy mert a szöveg mindig elhalványodik