Si mira la idea es esta, te planteo un ejemplo:
Tengo un div que quiero que tenga opacidad y un texto que no tenga nada.
Lo que hay que hacer es crear un div para uno y uno que contenga a los dos...
<div id=”contenedor”>
<div id=”texto”>Hola</div>
<div id=”fondo”></div>
</div>
Con esta estructura podemos dar opacidad independiente al fondo y luego solo quedaria posicionar el texto de manera absoluta para que quede encima del fondo. Por ejemplo:
fondo {
width: 200px;
height: 200px;
padding:10px;
background-color: red;
filter: alpha(opacity=50);
-moz-opacity: .5;
opacity: .5;
}
texto {
width: 200px;
height: 200px;
padding:10px;
position: absolute;
}
Un saludo !