Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Como solucionar problema de z-index en navegadores moviles?

Estas en el tema de Como solucionar problema de z-index en navegadores moviles? en el foro de CSS en Foros del Web. Buenos dias, ante todo me presento, llevo mucho tiempo siguiente el foro y es la primera vez que me animo a preguntar. El problema que ...
  #1 (permalink)  
Antiguo 04/05/2015, 02:19
 
Fecha de Ingreso: abril-2015
Mensajes: 2
Antigüedad: 9 años, 6 meses
Puntos: 1
Como solucionar problema de z-index en navegadores moviles?

Buenos dias, ante todo me presento, llevo mucho tiempo siguiente el foro y es la primera vez que me animo a preguntar.

El problema que tengo es el siguiente:

En la version movil (con media queries) tengo el menu fijo (fixed) en la parte superior y un footer tambien fijo (fixed). El contenido pasa por encima tanto del menu como del footer.

En firefox funciona, no en chrome ni en el navegador de android.

Una de las soluciones que "funcionaban" era poner un z-index negativo pero el contenido no era clickable.

Gracias de antemano.
  #2 (permalink)  
Antiguo 04/05/2015, 08:33
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 11 meses
Puntos: 91
Respuesta: Como solucionar problema de z-index en navegadores moviles?

ponle un z-index: 9999; a tu menu y footer y un z-index: -9999; a tu Contenido, prueba si con eso te funciona ;)
  #3 (permalink)  
Antiguo 04/05/2015, 09:03
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Como solucionar problema de z-index en navegadores moviles?

Poner el valor de z-index negativo al contenido es una burrada muy gorda.

Habría que ver la estructura del HTML. Ten en cuenta que el nivel de z-index es local, siempre relativo al padre.
__________________
(:
  #4 (permalink)  
Antiguo 05/05/2015, 03:34
 
Fecha de Ingreso: abril-2015
Mensajes: 2
Antigüedad: 9 años, 6 meses
Puntos: 1
Respuesta: Como solucionar problema de z-index en navegadores moviles?

Como dije, el z-index me lo solucionaba visualmente, pero no era clickable...

Solucionado con poner position:absolute a los elementos que quiero modificar z-index y todo va perfecto en todos los navegadores.

saludos y gracias.

Etiquetas: chrome, navegadores, solucionar, todo, z-index
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:59.