HOla, le he dado mucha investigación a esto y no logre nada.
EL CASO.
Tengo una imagen de fondo en mi web.
Tengo un div de contenido de color rojo semitansparente.
Tengo un div destacados dentro de ¨contenido¨ con los destacados, pero este es de color rojo.
algo asi como esto.
<div id="contenido"> // rojo semitransparente, es decir se la imagen de background y es AUTOAJUSTABLE AL ALTO Y ANCHO DEL destacados.
<div id="destacados"> // de color vino tinto sin ninguna transparencia </div>
</div>
AYUDAAAAAAAAAAAAAAA
dejo mi css del proyecto como tal.....
<style type="text/css">
body {
background-image: url(<?php echo DRTHEME; ?>images/bgMedellin.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
}
#precontent {width: 330px;
height: 330px;
margin: 50px auto;
position: relative;
}
#content {width: 230px;
height: auto;
width:500px;
top: 80px;
margin: 0px auto;
background-color: #f00;
position: relative;
opacity: 0.3;
-moz-opacity: 0.3;
-khtml-opacity: 0.33;
filter: alpha(opacity=30);
}
#destacados {
position: absolute;
left: 10px;
top: 140px;
width: 200px;
background-color:#990000;
}
p {color: #fff;
font-weight: bold;
}
p.destacados {color: #fff;}
</style>