Hola Reynier.
On 5/24/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
>
> Gracias pero no me ha funcionado. He puesto el z-index incluso a 15 pero
> nada
Lo que pasa es que cuando un elemento tiene asignada la propiedad 'z-index'
a un valor distinto a 'auto' genera un orden de apilamiento local, por eso
no te funciona como esperas.
¿Y qué quiere decir esto?
A todos los efectos se comienza trabajando en la página con un orden de
apilamiento global (llamémosle 'local' a nivel de página) para todos los
elementos, en el cual, según el orden en el que vayan apareciendo en el
código, tanto más arriba aparecen en la página. En este contexto los
'z-index' de todos los elementos es '0'.
En el momento es que a uno de los elementos le otorgamos una posición
especial en el orden de apilamiento (distinto al que le toca por el orden
natural, definido por 'z-index: auto') este elemento, inmediatamente, genera
un orden de apilamiento 'local' a sí mismo. Este nuevo orden de apilamiento
afecta a todos sus elementos descendientes, impidiendo que ninguno de ellos
pueda "salirse" del mismo mediante el uso de 'z-index', ya que esta
propiedad afectará únicamente al orden de apilamiento 'local' a su ancestro
en lugar de al 'local' a la página (el global que hemos comentado al
comienzo). Es decir, únicamente podremos variar el orden de apilamiento
entre todos los 'hermanos' (más exactamente, entre todos los que pertenezcan
al plano 'local' establecido).
¿Se puede llevar a cabo lo que propones?
Pues sí. Es sencillo llegar a la conclusión de que si a ningún ancestro del
<a> le modificamos el 'z-index', el <a> seguirá formando parte del orden de
apilamiento global, pudiendo situarlo donde más nos plazca.
En la práctica este es el css que puedes usar:
#encima {
position: relative;
z-index: 1; /* Con esto situamos este bloque encima de cualquier
otro que esté 'auto' */
}
#debajo {
/* position: relative; */
/* z-index: 0; */
}
#debajo a {
position: relative;
z-index: 2;
}
Espero que este galimatías de explicación te valga para algo ;)
Un saludo, David Merino Ogando.
--
> ReynierPM | Kubuntu 5.10 | Linux User:#310201
> Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo
> no estoy seguro.
>
> > -----Mensaje original-----
> > De: [EMAIL PROTECTED]
> > [mailto:[EMAIL PROTECTED] En nombre de Hermann Kaser
> > Enviado el: Wednesday, May 24, 2006 11:08 AM
> > Para: Ovillo, la lista de CSS en castellano
> > Asunto: Re: [Ovillo] Acceder a elementos de capas
> >
> > On 5/24/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> > > Hola:
> > > He estado trabajando con el z-index para lograr unas cosas
> > y ahora que
> > > finalemente he logrado hacerlo me ha surgido el problema de que no
> > > puedo acceder a los elementos de una capa que esta por
> > debajo de otra.
> > > Por
> > > ejemplo:
> > >
> > > <div id="encima"> Capa por encima </div> <div id="debajo"> <a
> > > href="#">Capa por debajo</a></div>
> > >
> > > #encima {
> > > position: relative;
> > > z-index: 1;
> > > }
> > > #debajo {
> > > position: relative;
> > > z-index: 0;
> > > }
> > >
> > > Como puedo entonces acceder al vinculo que esta en la capa
> > "debajo" ?
> >
> > La unica posibilidad es que tambien posiciones el enlace y le
> > pongas un z-index mayor...
> >
> > #debajo a
> > {
> > position: relative;
> > z-index: 2;
> > }
> >
> > >
> > > Salu2
> > > --
> > > ReynierPM | Kubuntu 5.10 | Linux User:#310201 Hay dos cosas
> > infinitas:
> > > el Universo y la estupidez humana. Y del Universo no estoy seguro.
> > > _______________________________________________
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a [email protected]
> > > Puedes modificar tus datos o desuscribirte en la siguiente
> > dirección:
> > > http://ovillo.org/mailman/listinfo/ovillo
> > >
> >
> >
> > --
> > Hermann Kaser
> > http://www.theragingche.com/
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a
> > [email protected] 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 [email protected]
> 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
