Ver Mensaje Individual
  #2 (permalink)  
Antiguo 28/08/2010, 18:59
Avatar de deirdre
deirdre
 
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 9 años, 1 mes
Puntos: 44
Respuesta: div con fondo semi-transparente AUTO AJUSTRABE!!!!!!!!!!!!!!!!!!!!!!

Cita:
Iniciado por nes24 Ver Mensaje
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>
Y la pregunta ¿cuál es?