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
- 544 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
-
- 407151
- 1
- Jul 5, 2015
Sin Respuesta
-
- 169
- 0
- Mar 19
-
- 86
- 2
- Feb 26
-
- 1146
- 0
- Nov 7, 2023
-
- 302
- 0
- Sep 19, 2023
-
- 305
- 0
- Ago 21, 2023
-
- 388
- 0
- May 14, 2023
-
- 358
- 0
- Abr 21, 2023
-
- 446
- 0
- Mar 31, 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
ArtEze respondió hace 2 días
Alguien sabe, no me ignorenArtEze seleccionó una respuesta hace 2 días
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió hace 2 días
Bajar extensión de Chrome sin actualizar el navega…ArtEze preguntó hace 2 días
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió hace 2 días
No me deja instalar OracleArtEze respondió hace 2 días
Formulario que guarde los datos de un jsonArtEze comentó hace 2 días
Script /boot/ scrapingSantiago2610 comentó Mar 23
Acualizar ChoiceField en djangoSantiago2610 preguntó Mar 19
Acualizar ChoiceField en djangogonzalss preguntó Feb 26
Script /boot/ scraping
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
- 150470 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos