forzar a un div a ser clicable

Citar

Escrito el 26 Jul 2012 07:34 pm

Hola!

Tengo un div de fondo dentro de otros divs que se anima con jquery, etc...el problema que me encuentro es que en ese div debe haber una zona clicable con enlaces y texto y necesito que se pueda clicar sobre el aunque tenga encima otros divs ¿existe alguna manera de forzarlo a ponerse delante?

Un saludo y gracias!

Por Sergi0

42 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 27 Jul 2012 12:12 pm

propiedad de css z-index

Por SinSemilla

Claber

336 de clabLevel

Genero:Masculino

Envíale un mensaje privado

i am that i am...

Citar

Escrito el 27 Jul 2012 12:16 pm

SinSemilla escribió:

propiedad de css z-index

Gracias pero eso solo sirve entre "hermanos" ya que los z-index son relativos al padre que los contiene.

O sea que el z-index no me sirve, la cuestión es que quiero hacer lo mismo que un z-index pero cuando el z-index no sirve.

Por Sergi0

42 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 27 Jul 2012 05:04 pm

y bueno... hace que los dos divs sean hermanos...
metelos adentro de otro div

Por SinSemilla

Claber

336 de clabLevel

Genero:Masculino

Envíale un mensaje privado

i am that i am...

Citar

Escrito el 27 Jul 2012 05:09 pm

No puedo es un sistema bastante complejo con posicionamientos absolutos, JS y demás, si lo muevo se desbarata todo.

Por CSS ya supongo que no se puede, quizás debería preguntarlo en el foro de JS pues como no exista algún script p pluguin que haga eso no creo que se pueda por css.

Un saludo!

Por Sergi0

42 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 27 Jul 2012 05:13 pm

¿Por qué no mejor nos pones un link a la página en cuestión así tenemos una idea más clara del problema?.

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 27 Jul 2012 05:26 pm

Lo siento pero es que no tengo permiso del cliente para hacerlo publico.

La cuestión es que si tenemos un div que queremos que sea cliclable pero ese div se ve pero por posiciones esta debajo de otros y ni con z-index sube por tema de "parentescos" ni se puede cambiar la estructura, ¿hay alguna manera de hacerlo clicable o sea subirlo delante?

Por Sergi0

42 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 28 Jul 2012 03:58 pm

Problema que no se puede ver es problema que no se puede solucionar.

Lo siento, sin ver el código hay muy poco que podamos hacer.

A propósito, no tiene que ser el código que estés desarrollado para tu misterioso cliente, puedes hacer una prueba de concepto, reducir tu código hasta reproducir el problema y publicar ese código.

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 28 Jul 2012 05:59 pm

Tienes razón, mejor intentare reproducir el problema en un código:

Código HTML :

<html>

    <head>
    
    <style type="text/css">
    
      #div1{
         background-color:transparent;   
         width:500px;
         height:500px;
      }
      
      #div2{
         background-color:red;   
         width:200px;
         height:200px;   
      }
      
      #div3{
         background-color:blue;   
         width:400px;
         height:400px;      
         position:absolute;
         top:0px;
         left:0px;
         z-index:-1;
      }
      #div3 a{
         color:white;   
         float:right;
      }
      
    </style>
    
    </head>

    <body>
    
        <div id="div1">
        
            <div id="div2">
            
            </div>
        
        </div>
    
        <div id="div3">
        
            <a href="#">Link</a>
            
        </div>
    
    </body>

</html>

El asunto a resolver seria...tal y como esta montado todo...¿Como hago clic en el link?

Un saludo y gracias a todos.

Por Sergi0

42 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 28 Jul 2012 08:06 pm

Poniendo el link encima del div... no hay otra forma

http://foros.cristalab.com/deshabilitar-div-t98742/

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado

Web Developer

Citar

Escrito el 28 Jul 2012 09:44 pm

Gracias por la respuesta y el enlace, en el se hace justamente la misma pregunta que tengo yo...y en principio no parece tener solución fácil...

Por Sergi0

42 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 29 Jul 2012 03:34 am

Yo no sé si es que estoy perdiéndome de algo, pero según yo lo veo div1 y div3 son hermanos, así que es perfectamente factible colocar div3 por encima de div1 usando z-index. Quizá sea importante recordar que para que z-index funcione, el valor de position debe ser distinto a "static", que es el valor por defecto

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell Héroes

Envíale un mensaje privado Web

Piccola Venezia...

@the_fricky

Citar

Escrito el 29 Jul 2012 09:10 am

div3 debe estar por detrás de todo y posicionado en absoluto respecto al body a 0, 0, por eso tiene z-index negativo.
Esto es pq lleva dentro un slideshow que van pasando divs con enlaces pero están de fondo al resto de la web (menús cabecera, etc...) si lo subo delante del resto solo se vería el slide y no el resto de la web, debe estar detrás pero seguir siendo clicable sus enlaces.

Por Sergi0

42 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 29 Jul 2012 03:51 pm

Coloca un nuevo div encima de los dos y pon ahí los links que irían en el de atrás y haz que sean solidarios con el slider.

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 29 Jul 2012 04:54 pm

DriverOp escribió:

Coloca un nuevo div encima de los dos y pon ahí los links que irían en el de atrás y haz que sean solidarios con el slider.

Eso me temo que seria la única solución pero ¿como hacer que sean solidarios con el slider? con javascript jquery imagino...¿existe algo ya previsto para ello o es darle a la cabeza el como hacerlo?

Por Sergi0

42 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 30 Jul 2012 12:10 pm

Depende de cómo hayas hecho el slider.
Siempre adivinando supongo que con usar los dos divs para el mismo slider con los mismos parámetros debería funcionar.

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 30 Jul 2012 01:49 pm

Lo malo es que entonces el div clicable el slide lo hará por encima del resto del contenido de la web mientras que le resto del slide lo hará bien o sea por debajo.

En fin hare pruebas a ver como queda...

Un saludo y gracias!

Por Sergi0

42 de clabLevel

Envíale un mensaje privado

forzar a un div a ser clicable

Escribe una respuesta rapida