Hola, el código CSS es :
contenido {
vertical-align: top;
}
#fondo {
width: 525px;
height: 100px;
background: Lime;
-moz-opacity:0.65; <---- Si comento esta línea (me quedo sin
opacity) el div #fondo se coloca
por debajo del div #content, si la
descomento el div #fondo se
coloca por encima de todo :(
filter:alpha(opacity=65);
}
#text {
margin-top: -94px;
border-color: #BABABA;
border-style: dashed;
border-width: 1px 1px 0 1px;
width: 515px;
}
Y el HTML es:
<div id="contenido">
<div id="fondo"></div>
<div id="text">Texto para rellenar ...</div>
</div>
El tema es que cuando usas el filtro opacity con firefox coloca todo lo que
lo use por encima, he probado z-index y nada.
-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de [EMAIL PROTECTED]
Enviado el: martes, 29 de marzo de 2005 14:42
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: Fw: [Ovillo] Problema con Opacity y Firefox
Le 29/03/2005 13:26, Hamadi a ecrit :
> mi estructura es algo asi:
>
> <div id="content"></div>
> <div id="fondo"></div>
>
> les doy posiciones y los monto uno encima del otro, en explorer ok pero en
> firefox me lo pone por encima el div content con transparencia, puede ser
> que explorer pase que no le metas el z-index y en firefox no, ni idea .
>
Si los posicionas es que usas position:absolute o relative y por lo
tanto no has dado todo el CSS... ¿no podrías darnos el codigo *entero*?
Pascal
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
