a:hover#link1 .imagen {
                        display:block;
                        position:absolute;
                        left:0px; /*cambia el valor a la posicion que
quieras que aparezca*/
                        top:0px; /*cambia el valor a la posicion que quieras
que aparezca*/
                        width:200px;
                        height:200px;
                        background:url(1.gif);
                }

Un cordial saludo de SantosVZ


-----Mensaje original-----
De: sn [mailto:[EMAIL PROTECTED] 
Enviado el: Martes, 06 de Febrero de 2007 11:31 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] css pop up

salud a la lista;

el tema es el siguiente:

tengo un enlace en forma de imagen(una de las técnicas de image
replacement), el cuál, al hacer rollover hacer aparecer un pop up con otra
imagen.
la historia es que este pop up está posicionado directamente sobre el propio
enlace(no preguntéis por qué) y al emerger, lo solapa, con lo cuál dejamos
de ver el enlace que lo activa.
bien pues lo que necesito es que éste siga permaneciendo visible. es decir,
que el pop up se despliegue tras él.
jugando con la propiedad z-index lo he conseguido para explorer 6. pero no
hay manera de ke funcione en firefox
espero haberme explicado bien.
os adjunto el código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>

<HTML lang="es">
<HEAD>
        <TITLE>x</TITLE>
        <STYLE>
                a .imagen {
                        display:none;
                }
                #uno a{
                        position:relative;
                        left:177px;
                        top:25px;
                        display:block;
                        width:20px;
                        height:20px;
                        text-indent:-2000em;
                        background:url(graphics/boton_prueba.gif);
                }
                a:hover#link1 {
                        background:#000 url(graphics/boton_prueba.gif);
                }
                a:hover#link1 .imagen {
                        display:block;
                        position:absolute;
                        left:0px;
                        top:0px;
                        width:200px;
                        height:200px;
                        background:url(graphics/img_gistredo/jpg/1.jpg);
                }
        </STYLE>
</HEAD>

<BODY>
        <span id="enlaces_zonas">
                <span id="uno"><a id="link1" href="enlace_1.htm"><div
class="imagen"></div>1</a></span>
        </span>
</BODY>
</HTML>

gracias.
espero vuestras respuestas.

un saludo.
_______________________________________________
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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

Responder a