Foros del Web » Creando para Internet » CSS »

Opacity me transparenta los divs de dentro..

Estas en el tema de Opacity me transparenta los divs de dentro.. en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/03/2011, 17:23
Avatar de kiM-  
Fecha de Ingreso: mayo-2008
Mensajes: 191
Antigüedad: 9 años, 6 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!
  #2 (permalink)  
Antiguo 13/03/2011, 17:39
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 9 años, 10 meses
Puntos: 181
Respuesta: Opacity me transparenta los divs de dentro..

Usa imagen con transparencia.




Saludos.
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------

Etiquetas: opacity
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 10:43.