Foros del Web » Creando para Internet » CSS »

transparencia solo a fondo

Estas en el tema de transparencia solo a fondo en el foro de CSS en Foros del Web. tengo estos estilos @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original body { background-color : #CED8F6 ; background-image :   url ( "el-everest.jpg" ) ; background-repeat : ...
  #1 (permalink)  
Antiguo 22/06/2011, 12:06
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
transparencia solo a fondo

tengo estos estilos
Código CSS:
Ver original
  1. body {
  2. background-color: #CED8F6;
  3. background-image:  url("el-everest.jpg");
  4. background-repeat:no-repeat;
  5. background-position:center;
  6. background-attachment: fixed;
  7. text-align: center;
  8. }
  9. .contenedor{
  10. width: 600px;
  11. margin: 0 auto 0 auto;
  12. background-color: #ffffff;
  13. -moz-border-radius: 10px;
  14. -webkit-border-radius: 10px;
  15. behavior:url(border-radius.htc);
  16. opacity: 0.6;
  17. filter:alpha(opacity=60);
  18. }
  19.  
  20.  
  21. .head{
  22.  
  23. width: 292px;
  24. height: 150px;
  25. }

que aplico a este html

Código HTML:
Ver original
  1. <title>Bienvenido a la red Optimus ..::Organizacion de Servicios Everest S.A.S. ::..</title>
  2. <link rel="STYLESHEET" type="text/css" href="estilos.css">
  3. </head>
  4. <div class="contenedor">
  5. <div class="head"><img src="http://organizacioneverest.com/sitio/templates/businessblue/images/header-object.png" width="292" heigth="150" /></div>
  6. </div>
  7. </body>
  8. </html>

como ven, quiero darle una transparencia a "contenedor" para que se siga viendo el fondo, todo funciona bien, pero cuando pongo el div "head" dentro de "contenedor" para poder maquetar y conservar el orden, a "head" tambien le aplica transparencia, mi pregunta es: ¿como puedo lograr que la transparencia solo se le aplique a "contenedor" y los divs que esten dentro de el no se vean afectados?

gracias
__________________
Say no more.......
  #2 (permalink)  
Antiguo 22/06/2011, 12:32
 
Fecha de Ingreso: abril-2011
Ubicación: Distrito Federal
Mensajes: 83
Antigüedad: 6 años, 8 meses
Puntos: 9
Respuesta: transparencia solo a fondo

puedes hacer una de dos cosas. Una es meter otra div dentro de "contenedor" a la que le apliques una opacidad de 1. La otra es un poco mas compleja, haz un png en photoshop de 1px x 1px que sea del color y la transparencia que querias. Despues lo pones en CSS como background y poner transparent y debe funcionar.

Saludos
  #3 (permalink)  
Antiguo 22/06/2011, 13:09
 
Fecha de Ingreso: junio-2010
Mensajes: 142
Antigüedad: 7 años, 5 meses
Puntos: 5
Respuesta: transparencia solo a fondo

Te recomiendo usar un png con una opacidad de aprox 50% (dependiendo de lo que quieras lograr) y aplicarle este png como fondo al contenedor.

el opacity no funciona en todos los navegadores.

P.D.: no es necesario agregarle propiedad transparent al contenedor para que funcione (el mismo png ya tiene su transparencia.)
  #4 (permalink)  
Antiguo 22/06/2011, 13:46
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: transparencia solo a fondo

pero al poner como fondo un png si lo toma el IE? porque hasta donde he leido ie no soporta transparencias con png
__________________
Say no more.......
  #5 (permalink)  
Antiguo 22/06/2011, 15:17
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: transparencia solo a fondo

el png transparente va en IE7+ para ie6 podes usar la librería js-ie7. o mejor aún redireccionar a una página que diga "este navegador es una mierda". XD saludos.
  #6 (permalink)  
Antiguo 22/06/2011, 15:55
 
Fecha de Ingreso: junio-2010
Mensajes: 142
Antigüedad: 7 años, 5 meses
Puntos: 5
Respuesta: transparencia solo a fondo

Cita:
Iniciado por cristian_cena Ver Mensaje
el png transparente va en IE7+ para ie6 podes usar la librería js-ie7. o mejor aún redireccionar a una página que diga "este navegador es una mierda". XD saludos.
jajajajaj, es verdad...

Yo ya no estoy usando el js para los png si siguen usando i.e NOOOOO jaja

Etiquetas: fondo, transparencia
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 22:16.