Estoy intentando poner un menú despegable en la cabecera he creado un div con un z-index muy alto y position: absolute;
el típico menú que se muestra y se oculta este menú despegable, invade el nav y un poco el section, el problema es que queda por debajo de estos elementos y tanto el nav como el section tiene un position: relative
y un z-index bajo, osea que tendía que quedar tapados por el menú despegable y no al revés, al div le he puesto z-index: 5000;
no hay ningún elemento tan alto, pero no sirve. No lo entiendo.
entre Desarrolladores
Recibe ayuda de expertos
Registrate y pregunta
Es gratis y fácil
Recibe respuestas
Respuestas, votos y comentarios
Vota y selecciona respuestas
Recibe puntos, vota y da la solución
Pregunta
z-index no esta funcionando
- preguntó
- Web
- 536 Vistas
- 1 Respuestas
- solucionada
1 Respuesta
Seguramente por cómo están organizados esos elementos, probablemente unos sean hijos de otros, y eso afecta a cómo funciona el z-index.
Por ejemplo, si el menú desplegable está dentro de otro elemento que también esté posicionado (absolute o relative), y tenga un z-index igual o más bajo que el del nav y el section, al final el que cuenta es el z-index del padre.
Por ejemplo, imagina que tienes esto:
<nav style="position: relative; z-index: 100"></nav>
<section style="position: relative; z-index: 100"></section>
<div class="container" style="position: relative; z-index: 100">
<div class="mi_menu" style="position: absolute; z-index:5000"></div>
</div>
El div con class "mi_menu" NUNCA va a estar por encima del nav y el section, pues al final el que se aplica es el z-index del padre (container). El z-index del menu serviría solo para posicionarse sobre otros elementos hermanos y/o hijos, y sobre elementos que no tienen establecido z-index y/o posicionamiento (absolute o relative)
Comprueba tu jerarquía (o cópiala aquí y así podré darte una mejor respuesta)
Por favor, accede o regístrate para añadir un comentario.
Por favor, accede o regístrate para responder a esta pregunta.
En el blog
-
- 406866
- 1
- Jul 5, 2015
Sin Respuesta
-
- 97
- 0
- Mar 19
-
- 64
- 1
- Feb 26
-
- 155
- 0
- Ene 30
-
- 597
- 0
- Nov 7, 2023
-
- 260
- 0
- Sep 19, 2023
-
- 286
- 0
- Ago 21, 2023
-
- 364
- 0
- May 14, 2023
-
- 323
- 0
- Abr 21, 2023
- ver todas
Preguntas relacionadas
- Modificar la posición z de elementos con CSS
- Imagen moviendose en pantalla a tiempo real VB.NET
- Error en php me dice Uncaught exception 'PDOException',Undefined index: Time_Destination
- como puedo crear un boton que funcione como compartir una imagen , esto es lo que e hecho pero nose si esta bien.
- ¿Para qué srive esta linea de código?
Actividad Reciente
Santiago2610 comentó hace 5 días
Acualizar ChoiceField en djangoSantiago2610 preguntó Mar 19
Acualizar ChoiceField en djangogonzalss preguntó Feb 26
Script /boot/ scrapingParkJo preguntó Ene 30
No me deja instalar Oracleelporfirio respondió Ene 10
Actualizar la imagen con los datos devuelto en un …ovedg preguntó Dic 31, 2023
Actualizar la imagen con los datos devuelto en un …Ehdez preguntó Nov 7, 2023
Necesito en wordpress un pluging que me calcule la…pedrourday preguntó Sep 19, 2023
Alternativas a ThreeJS y BabylonJS?pedrourday preguntó Ago 21, 2023
¿Que tecnologias y lenguajes me recomiendan?Fabio respondió Jul 11, 2023
plugin de efecto circular 3d en imagenes
Ultimas Preguntas
Preguntas relacionadas
- Modificar la posición z de elementos con CSS
- Imagen moviendose en pantalla a tiempo real VB.NET
- Error en php me dice Uncaught exception 'PDOException',Undefined index: Time_Destination
- como puedo crear un boton que funcione como compartir una imagen , esto es lo que e hecho pero nose si esta bien.
- ¿Para qué srive esta linea de código?
Usuarios Top
- Leonardo-Tadei
- 227320 Puntos
- Peter
- 150460 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos