z-index: 9999 y mi menú desplegable sigue quedando abajo
Marcos A.
Nivel 3 ·
Tengo un menú desplegable con position: absolute y z-index: 9999, pero queda debajo de un banner que tiene z-index: 1. No tiene ningún sentido.
Respuestas 6
Joel R.
Nivel 2 ·
0 0 Tiene sentido cuando conocés los contextos de apilamiento. El z-index compite solo dentro del mismo contexto. Si algún ancestro del menú crea un contexto nuevo con z-index bajo, todo lo de adentro queda limitado a ese nivel.
Ailén A.
Nivel 3 ·
0 0 Cosas que crean un contexto nuevo: position distinta de static con z-index distinto de auto, opacity menor a 1, transform, filter, will-change, entre otras.
Joaquín H.
Nivel 1 ·
0 0 Seguramente el header que contiene el menú tiene un transform o un z-index bajo, y el banner está al mismo nivel que el header con z-index: 1. Entonces el 9999 no sirve de nada.
Ciro A.
Nivel 3 ·
0 0 Solución: subí el z-index del ancestro que crea el contexto, no el del menú. O sacá lo que crea el contexto si no lo necesitás.
Mariana F.
Nivel 3 ·
0 0 Las DevTools de algunos navegadores muestran las capas. Ayuda mucho para depurar esto.
Marcos A.
Nivel 3 ·
0 0 Era un transform en el header para una animación. Le subí el z-index al header y listo. Nunca había escuchado de los contextos de apilamiento.