¿Hay un límite superior para los valores del índice z en los navegadores web?

StackOverflow https://stackoverflow.com/questions/227738

  •  03-07-2019
  •  | 
  •  

Pregunta

Tengo un caso en el que un anuncio de terceros se está desangrando a través de la implementación de mi ventana modal. Me gustaría subir el índice z de la superposición modal lo más alto posible para que el anuncio no se muestre encima de él. ¿Hay un límite a los valores del índice z? Estoy seguro de que si existe varía según el navegador. Alguien sabe?

¿Fue útil?

Solución

Tenga en cuenta que z-index no funciona globalmente, sino solo dentro de un 'contexto de apilamiento' (lo que dificulta la digestión definición en CSS), y si el anuncio establece su propio contexto de apilamiento, entonces z-index Es posible que los valores que establezca en otro lugar no lo afecten en absoluto.

Sin embargo, lo más probable es que sea un problema de " ventana " Flash (objeto sin el atributo wmode = transparent ), que los navegadores representan sobre todo, como si fuera una ventana sobre la ventana del navegador . En tal caso, z-index no ayudará en absoluto. Necesitarás forzar el anuncio [-provider] para usar wmode = transparent o usar algunos hacks locos con iframes.

Otros consejos

El valor máximo de índice de z admitido por la mayoría de los navegadores es 2147483647 (2 ^ 31-1), pero Opera 9.2 no acepta valores mayores a 2147483583; Lo arreglaron en la versión 9.5.

En realidad no, pero podría considerar las limitaciones naturales de un sistema, como un rango int. Probablemente lo mantendría por debajo de 32,767 . Definitivamente excedí eso en javascript mientras trabajaba en un problema similar, y no encontré ningún problema en los principales navegadores y plataformas que me preocupaban en ese momento.

En el caso de anuncios y superposiciones de terceros, asegúrese de que wmode = "transparente" en la inserción de flash sea un problema común en el mismo sentido. También vale la pena señalar que IE tiene un error al apilar índices z, por lo que si no está teniendo éxito, asegúrese de no golpear su cabeza contra la pared con ese *.

Siempre me gusta mantener algún tipo de convención y no usar cifras arbitrarias. Por ejemplo, tal vez todo en mi css cae entre 0 y 10 . Tal vez las cosas dhtml suceden en los valores de posición de los 100, con un índice z significativo para cualquier módulo dado.

* Sidenote: El error de IE, para ser específico, es que IE considera que una nueva instancia del flujo de documentos es un nuevo contexto de apilamiento para el índice z. Debe asegurarse de que sus índices z no se pierdan en la jerarquía DOM cuando un nodo secundario que normalmente heredaría su índice z se representa en su propio contexto de posicionamiento.

Cita de http: // techtrouts.com/is-there-a-limit-to-the-css-z-index-property/ :

Teóricamente, la propiedad del índice z debe ser ilimitada, o al menos dentro de un rango de tipo int, según el sistema operativo y el navegador. Sin embargo, para evitar errores en el navegador, debe limitar los valores de su índice z a +/- 32767.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top