He creado un menú para un sitio móvil, cuando hace clic en el botón de menú se abren las diapositivas del menú, esta es la página;Z-index en Internet Explorer no funciona
http://www.roadtotheweb.com/m.about.html
El único problema es que en el IE y Windows Phone el menú no es el elemento más alto por lo desliza detrás de los objetos.
He intentado cambiar el índice z, tipo de posición, hasLayout en vano.
Agradeceria cualquier ayuda.
J
Parece que es posible que se trata de un fallo conocido:
“En Internet Explorer colocar elementos generan un nuevo contexto de pila, comenzando con un valor del índice Z de 0. Por lo tanto z-index no funciona correctamente.”
Se puede ver el informe de error en Quirksmode sitio web y una solución explicó in this blog post.
Esencialmente lo que tiene que hacer es envolverlo en un elemento con mayor índice Z, por ejemplo Aquí es un boceto rápido de una solución:
<div style="position: relative; z-index: 3000">
<div style="position:absolute;z-index:1000;">
...
</div>
</div>
Si aún no funciona, hacer que el modo de compatibilidad segura está desactivado para el sitio.
¿Por qué desactivar la compatibilidad ver ayuda aquí? (Es un error en el IE). – jAC
Cambio regularmente dos capas, cambiando el índice z de 0 a 1, y viceversa. Después de años, dejó de funcionar en IE. Cambié el índice z a 1 y 2. Ahora funciona bien. Creo que el error tiene que ver con un 0 z-Index.
Aquí vamos, otro "algo no funciona en IE" ... ¿Por qué no estoy sorprendido? De todos modos, intenta establecer una posición absoluta para ello. –
Lo intenté, sigue sin nada – Naz
Posible duplicado de [El menú desplegable se oculta detrás de otros elementos en IE] (http://stackoverflow.com/questions/3972807/dropdown-menu-hides-behind-other-elements-in-ie) –