Tengo un caso en el que un anuncio de terceros está sangrando 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 en la parte superior. ¿Hay un límite para los valores del índice Z? Estoy seguro de que si varía según el navegador. ¿Nadie sabe?¿Existe un límite superior para los valores del índice z en los navegadores web?
Respuesta
Tenga en cuenta que z-index
no funciona a nivel mundial, pero sólo dentro de un 'contexto de pila' (que tiene difícil de digerir definition en CSS), y si el anuncio establece Es contexto de pila propia, luego z-index
valores que se establecen en otros lugares puede no afectarlo en absoluto.
Sin embargo, más probable es que sea una cuestión de "ventana" flash (objeto sin wmode=transparent
atributo), que navegadores muestran por encima de todo, como si fuera una ventana por encima de la ventana del navegador. En tal caso, z-index
no ayudará en absoluto. Tendrá que forzar al publicitario [-provider] a usar wmode=transparent
o usar algunos hacks locos con iframes.
No realmente, pero podría considerar las limitaciones naturales de un sistema, como un rango int. Yo 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, cerciorarse de que wmode = "transparent" en el flash incrustado es un problema común en la misma línea. También vale la pena señalar que IE tiene un error al apilar índices z, por lo que si no ve el éxito, asegúrese de no golpear su cabeza contra la pared con esa *.
Siempre me gusta cumplir con algún tipo de convención, y no utilizar figuras arbitrarias. Por ejemplo, tal vez todo en mi css está entre 0 y 10. Tal vez las cosas dhtml ocurran en los valores de los lugares 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 de flujo de documentos es un nuevo contexto de apilamiento para z-index. Debe asegurarse de que sus índices z no se pierdan en la jerarquía DOM cuando un nodo secundario que normalmente heredará su índice z se está renderizando en su propio contexto de posicionamiento.
Estoy a favor de la convención sobre números aleatorios. Actualmente, la superposición modal se establece en 2999 y el contenido modal en 3000. He llegado a 9999 antes, pero me mostraba reticente a ir mucho más lejos. –
Sí, te agradezco que tengas reservas al respecto. En el pasado, he jacked imprudentemente el z-index hasta 6) o 7) 9's, solo para ver si podía encontrar un límite. – keparo
Acabo de utilizar un índice z de 3 BILLONES - 2 mil millones no funcionó gracias a SmartGWT. –
Presupuesto de http://techtrouts.com/is-there-a-limit-to-the-css-z-index-property/:
Teóricamente la propiedad z-index debe ser ilimitada, o al menos dentro de un rango de tipo int, dependiendo del sistema operativo y el navegador. Sin embargo, para evitar errores en el navegador, debe limitar sus valores de índice z a +/- 32767.
El valor de zIndex máximo admitido por la mayoría de los navegadores es 2147483647 (2^31-1), pero Opera 9.2 no acepta valores mayores que 2147483583; Lo arreglaron en la versión 9.5.
¿Está documentado esto en algún lugar? –
También es bueno porque me preocupaba no tener suficientes capas. j/king: P –
Este es mi tipo de respuesta. (Las referencias siempre son buenas también) – Jacksonkr
- 1. css posicionamiento de los márgenes negativos del índice Z
- 2. ¿Existe un software para probar un sitio web en todos los navegadores?
- 3. Cambiando el índice z para hacer que un clic aparezca en la parte superior
- 4. Error de representación del índice Z en Chrome 19?
- 5. .otf fuentes en los navegadores web
- 6. Límite de memoria superior?
- 7. ¿Cómo manejan los navegadores rgb (porcentaje) los navegadores? para los números extraños
- 8. "Índice Z" en winforms
- 9. ¿Hay un límite superior para BigInteger?
- 10. Cómo configurar el índice z usando algunos valores enteros
- 11. ¿Existe un método convencional para invertir los valores NSColor?
- 12. Impedir que los navegadores llenen automáticamente los campos del formulario
- 13. ¿Permitir que los navegadores "recuerden" los valores del formulario cuando usan jquery?
- 14. (Javascript) Lista de valores "navigator.appName" para todos los navegadores?
- 15. ¿Hay alguna manera de establecer algún tipo de índice z para la posición z de los objetos UIImageView?
- 16. ¿Pueden los encabezados HTTP ser demasiado grandes para los navegadores?
- 17. java.lang.OutOfMemoryError: el límite superior del GC excedió
- 18. ¿Existe un límite superior para la cantidad de confirmaciones que un repositorio de git puede manejar?
- 19. ¿Qué tiene una prioridad más grande: opacidad o z-index en los navegadores?
- 20. Object.watch() para todos los navegadores?
- 21. límite superior de Mysql para la cuenta (*)
- 22. Cómo "z-index" para hacer que un menú esté siempre en la parte superior del contenido
- 23. TLS/SRP en los navegadores?
- 24. window.href para todos los navegadores
- 25. Mayor índice z que aparece debajo del índice z más bajo
- 26. array VB6 con -1 para límite superior
- 27. Comparar elementos HTML por índice z real
- 28. Mejores prácticas para los tiempos de espera del servicio web
- 29. Mostrar imagen TIFF en todos los navegadores web
- 30. Un método para adjuntar el detector de eventos, compatible con todos los principales navegadores web
Es probable que forzar al proveedor de anuncios a hacer cualquier cosa sea más difícil que cualquier solución técnica. Suspiro. Buena información, sin embargo! –