Problemilla con z-index

azanfer · #1 (**permalink**) 17/03/2013, 12:43

Buenas gente.
www.fogobongo.es/naturociophp/index.html esto de antemano

A ver la question, actividades es el unico link que dropea y lo que no consigo es que dropee por debajo del div con background de rocas, posiblemente le ponga un efecto de slide vertical de entrada, si puedo con css o jquery o algo pero bueno eso no incumbe de momento.

Ademas, si os sirve tambien de guia, en el rectangulo detras del logo ira un slideshow en query y, claro tiene que dropear debajo de las rocas pero por encima del slide.

Gracias de antemano y un saludo

pd. si quereis aconsejarme sobre el efecto que podria usar se agradece tambien

azanfer · #2 (**permalink**) 17/03/2013, 14:11

De hecho ya puse el slideshow de prueba

C2am · #3 (**permalink**) 17/03/2013, 18:22

¿cual es el problema?
Saludos

azanfer · #4 (**permalink**) 19/03/2013, 19:22

EL problema es que necesito que el megabox droppee por debajo de la imagen de las rocas.
Intente decenas de combinaciones de z-index pero no lo consigo...

Triby · #5 (**permalink**) 19/03/2013, 20:05

Define por favor "megabox" y "droppee".

azanfer · #6 (**permalink**) 19/03/2013, 20:10

Los megabox son tipicos menus desplegables de multiopcion y dropear es sinonimo de desplegar.
Dsiculpar jeje

Triby · #7 (**permalink**) 19/03/2013, 23:25

Aparte de haber dejado el enlace a la página, coloca aquí el código HTML y CSS de las partes involucradas y nos explicas qué hace cada cosa y nos dices exactamente donde está el problema; esto nos ahorrará un poco de tiempo tratando de ayudarte.

Tecna · #8 (**permalink**) 20/03/2013, 06:26

Buenas,

el problema está en el anidamiento de los elementos, el elemento que quieres posicionar detrás no puede estar incluído dentro de otro ya posicionado porque éste habrá creado su propio contexto de apilamiento. La única solución es que pertenezcan a contextos diferentes, es decir no estén anidados.

azanfer · #9 (**permalink**) 20/03/2013, 07:28

Gracias Tecna pero como consigo sacarlo sin desmontar la estructura del menu o directamente cambiar el tipo del menu?

Gracias desde ya

Triby · #10 (**permalink**) 20/03/2013, 13:42

Una solución "de vago" podría ser: colocar las rocas como fondo del menú desplegable, lo puedes posicionar a tu antojo y, de esa forma, simularía que las rocas están por encima.

azanfer · #11 (**permalink**) 20/03/2013, 15:46

voy a probar y os contare
Gracias