Que tal, recibi tu mensaje... Mira haber si esto te puede ayudar... la verdad no pude resolverlo de manera tecnica. Pero si con algo de logica... No he validado si tiene herrores(habria que pasarle el firebug o webdeveloper). Simplemente lo que se hace es crear un contenedor. la capa inferior transparente y otra no contenida en ella si no sobre ella sin transparencia(El contenedor es para prevervar las dimensiones de ambos y simular que es un sola... espero te sirva de ayuda.
Código:
<html>
<head>
<style>
#contenedor {
position: absolute;
top: 100px; left: 400px;
}
#transparencia {
width: 250px; height: 100px;
background-color: #ffffff;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}
#texto {
width: 250px; height: 100px;
background-color: transparent;
position: absolute;
z-index: 2;
}
body{
background:url(bg.gif);
}
</style>
</head>
<body>
<div id="contenedor">
<div id="texto">
This is a normal text
on a translucent background
</div>
<div id="transparencia">
</div>
</div>
</body>
</html>