L'opacity applicata a un contenitore si riflette su tutti i suoi contenuti. Potresti impostarla invece su singoli elementi interni, esempio:
codice:
<style type="text/css">
#content span{
opacity: 0.5;background-color:red;
}
</style>
<!--[if lte IE 8]>
<style type="text/css">
#content span{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);zoom:1;
}
</style><![endif]-->
e
codice:
<div id="content">
testo testo <span>testo testo testo </span></p>
</div>
o con browser diversi da Explorer (fino alla versione 9) assegnare colori con valori rgba (cerca nel forum rgba)