Foros del Web » Creando para Internet » CSS »

div con fondo semi-transparente AUTO AJUSTRABE!!!!!!!!!!!!!!!!!!!!!!

Estas en el tema de div con fondo semi-transparente AUTO AJUSTRABE!!!!!!!!!!!!!!!!!!!!!! en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 28/08/2010, 19:45
Avatar de nes24  
Fecha de Ingreso: julio-2005
Mensajes: 746
Antigüedad: 12 años, 5 meses
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.
  #2 (permalink)  
Antiguo 28/08/2010, 19:59
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
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?
  #3 (permalink)  
Antiguo 28/08/2010, 21:18
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 9 años
Puntos: 66
Respuesta: div con fondo semi-transparente AUTO AJUSTRABE!!!!!!!!!!!!!!!!!!!!!!

eso mismo me preguntaba yo.
  #4 (permalink)  
Antiguo 28/08/2010, 21:33
Avatar de nes24  
Fecha de Ingreso: julio-2005
Mensajes: 746
Antigüedad: 12 años, 5 meses
Puntos: 3
Respuesta: div con fondo semi-transparente AUTO AJUSTRABE!!!!!!!!!!!!!!!!!!!!!!

Cita:
Iniciado por deirdre Ver Mensaje
Y la pregunta ¿cuál es?
HUY!, la pregunta es: como saco el efecto donde pueda tener un div con bacgraund opaco que quede viéndose el fondo, pero ademas NO SE OPAQUE el contenido de dicho div, tambien que el div se ha auto ajustable a su contenido
__________________
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.
  #5 (permalink)  
Antiguo 29/08/2010, 11:02
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: div con fondo semi-transparente AUTO AJUSTRABE!!!!!!!!!!!!!!!!!!!!!!

Cita:
Tengo un div de contenido de color rojo semitansparente.
No uses CSS para esto, porque la opacidad se hereda. Usá una imagen png semitransparente como imagen de fondo.

Cita:
que el div se ha auto ajustable a su contenido
Width: auto?

Etiquetas: auto, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:10.