El valor del índice z del elemento no puede superar el del contenido del iframe.

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

  •  02-07-2019
  •  | 
  •  

Pregunta

tengo un div y un iframe en la página el div tiene

z-index: 0;

el iframe tiene su contenido con una ventana emergente que tiene un z-index de 1000

z-index: 1000;

sin embargo, el div todavía eclipsa la ventana emergente en IE (pero funciona bien en Firefox).

¿Alguien sabe qué puedo hacer?

¿Fue útil?

Solución

Error del índice Z del explorador

En general, http://www.quirksmode.org/ es una excelente referencia para este tipo de cosas.

Otros consejos

¿Qué versión de IE?

No soy un gurú de JavaScript, pero creo que ocultar el div cuando aparece la ventana emergente podría lograr lo que necesitas.

Tuve que trabajar con divs e iframes al crear un menú de JavaScript que debería mostrar cuadros desplegables y cuadros de lista superiores; otras implementaciones de menú simplemente ocultan estos elementos cuyo comportamiento predeterminado en IE6 es mostrarse encima de cualquier DIV, sin importar el z -índice.

Me enfrento al mismo problema.El problema en mi caso es que el contenido del iframe no lo controla IE directamente, sino Acrobat, ya que es un archivo pdf.Puede intentar mostrar el iframe sin el contenido, en cuyo caso la ventana emergente se muestra normalmente.Por alguna razón, IE no puede controlar el índice z de los asistentes externos.

Fue probado con IE7

Sin ver su código, es difícil determinar el problema.Pero vale la pena señalar que el índice z solo funciona cuando el elemento ha sido posicionado (p. ej. position: absolute;), entonces ¿tal vez eso podría ser un problema?

Hay una buen artículo sobre el índice Z CSS del Centro de desarrolladores de Mozilla.

Sin ver un fragmento de código, es difícil determinar cuál es el problema.Es posible que desee intentar agregar un iframe debajo de su ventana emergente que sea del mismo tamaño que su ventana emergente.Con IE7, si renderiza la ventana emergente con iframe después de que el otro iframe ya se haya cargado, debería poder cubrir los elementos que se encuentran debajo.Creo que algunos calendarios JS y algunos códigos lightbox/thickbox hacen esto si buscas ejemplos.

nunca configure su índice z en un valor inferior a 1 a menos que desee ocultarlo.No estoy seguro acerca de la versión 7.0, pero en versiones anteriores de IE he tenido problemas para hacerlo.A IE no le gusta mucho el índice z.Comprueba también tu posicionamiento.El posicionamiento puede ser tu problema.Lo siento, no tengo suficiente información para ayudarte más.

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