Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/03/2011, 16:23
Avatar de kiM-
kiM-
 
Fecha de Ingreso: mayo-2008
Mensajes: 191
Antigüedad: 15 años, 9 meses
Puntos: 2
Opacity me transparenta los divs de dentro..

Buenas, pués reuslta que yo tengo un div con fondo blanco encima de uno con fondo verde, el div de fondo blanco está en opacity 0.5 para que se vea un poco el fondo verde de atrás, pero resulta que si yo pongo un div dentro del div de fondo blanco con texto también se transparenta y solo quiero que se transparente el div de fondo blanco, no los de dentro. ¿Hay alguna solución¿ He probado con overflow:hidden y nada :\..

Os dejo el css:

Cita:
#cont_ancho_bg {
width: 990px;
}
#cont_global {
width: 990px;
}
#header {
height: 158px;
width: 990px;
background-image: url(images/logo.png);
}
#menu_bar {
height: 50px;
width: 990px;
background-image: url(images/menu_bar_bg.png);
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #333;
border-bottom-color: #333;
}
#menu_izq {
width: 220px;
float: left;
background-image: url(images/menu_bg.png);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 15px;
border: 1px solid #616161;
margin-left: 15px;
padding-bottom: 15px;
}
#bg_pkmn1 {
width: 220px;
background-image: url(images/143-m.png);
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFF;
height: 28px;
background-repeat: no-repeat;
background-position: -13px -11px;
text-indent: 18px;
padding-top: 7px;
text-shadow: 0.1em 0.1em #333;
text-align: center;
}
#menu_izq_bg {
width: 220px;
background-color: #DFDFDF;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #616161;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #616161;
padding-top: 10px;
}
#menu_izq_bg img {
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: dotted;
border-bottom-style: dotted;
border-top-color: #333;
border-bottom-color: #333;
}
.menu_text1 {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
color: #000;
width: 215px;
padding-left: 5px;
padding-bottom: 5px;
}
.cont_news {
width: 710px;
float: right;
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-image: url(images/news_bg.png);
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 15px;
color: #FFF;
border: 1px solid #616161;
padding-top: 5px;
padding-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
}
.id_news {
width: 710px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: dotted;
border-bottom-style: dotted;
border-top-color: #616161;
border-bottom-color: #616161;
margin-top: 5px;
background-color: #FFF;
opacity: 0.5;
}
.text_news {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
color: #000;
text-align: left;
opacity: 0.9;
}
#footer {
width: 990px;
float: left;
background-image: url(images/footer.png);
height: 98px;
margin-top: 20px;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
Saludos y gracias!