Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/08/2010, 18:45
Avatar de nes24
nes24
 
Fecha de Ingreso: julio-2005
Mensajes: 746
Antigüedad: 13 años, 1 mes
Puntos: 3
div con fondo semi-transparente AUTO AJUSTRABE!!!!!!!!!!!!!!!!!!!!!!

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>
__________________
No hay nada que foros del web no sepa!!!!

Peca tanto quien presume de su belleza como de su inteligencia, ya que la brevedad de la vida aunque distorcionada siempre estara presente.