Tema: transparencia solo a fondo
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/06/2011, 11:06
Avatar de el_cesar
el_cesar
 
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 22 años, 10 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. <html>
  2. <head>
  3. <title>Bienvenido a la red Optimus ..::Organizacion de Servicios Everest S.A.S. ::..</title>
  4. <link rel="STYLESHEET" type="text/css" href="estilos.css">
  5. </head>
  6. <body>
  7. <div class="contenedor">
  8. <div class="head"><img src="http://organizacioneverest.com/sitio/templates/businessblue/images/header-object.png" width="292" heigth="150" /></div>
  9. </div>
  10. </body>
  11. </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.......