Im trabajando en este proyecto para work atm donde se jugará un e-learning en la pestaña de samsung galaxy. el juego es solo un sitio web, pero se mostrará como una aplicación.Z-index no funciona en la pestaña de Samsung Galaxy?
Al iniciar sesión por primera vez, verá un mensaje emergente con este mensaje de bienvenida, detrás de él hay una superposición negra con transparencias.
El problema es que en la PC, mientras que en Firefox todo funciona bien, pero en la tableta parece que el índice Z no funciona. es imposible depurar y no pude encontrar ninguna documentación sobre este tema. ¿Alguien sabe si el índice Z funciona de manera diferente en la tableta o cómo lo arreglo?
La ventana emergente tiene z-index 999 y la plantilla es z-index 998, ¿Tiene alguna idea al respecto? Continuaré mi búsqueda en google y publicaré todo el progreso que realice.
Editar: La superposición se creará en Jquery: ShowPopup var = '<% = ViewData ("ShowPopup") toString()%>'
if (showPopup == "True") { $('body').prepend('<div class="overlay"></div>'); $('#welcomeBox').show(); }
Resuelto ahora, véase el comentario de solución .
encontrado la respuesta, la respuesta fue parcialmente en stackoverflow se puede encontrar aquí: http: //stackoverflow.com/questions/2562206/android-webkit-absolutely-positioned-elements-dont-respect-z-index El el resto se encontró en un tutorial. La solución fue la siguiente: Agregué la superposición en jQuery pero la ventana emergente estaba en el html pero solo estaba oculta. así que agregué esa parte del código también a la verificación jQuery. Para evitar que la ventana emergente herede la opacidad de la superposición, tuve que usar '$ ('body'). Prepend' nuevamente. Todo funciona ahora. tuve que ponerme aquí porque no estoy autorizado a responder mis propias preguntas todavía :( –
Voy a publicar la solución anterior como respuesta en 6 horas cuando puedo ^^ –