Textarea en IE7 desaparece en el mouse sobre

Question

Tengo este gran tipo de página de entrada de datos, una tabla tipo de diseño que usa divs. Cada fila tiene subdominios que pueden activarse/cerrarse. El alternar se desencadena utilizando la configuración de visibilidad css. Cada "celda" de la tabla tiene una pequeña imagen en su esquina, hace clic en la imagen y se abre una ventana emergente que le permite colocar notas en la entrada.

Esta ventana emergente tiene un área de texto y un conjunto de casillas de verificación, junto con un botón (tipo de entrada = enviar, creo). La ventana emergente es un iframe anidado dentro de un div oculto.

En IE7, una vez que haya abierto esta nota iframe y haya desplazado la página hacia abajo, al pasar el mouse sobre el área de texto de la ventana emergente, desaparecerá y mostrará el contenido de la página debajo de ella. Las casillas de verificación también muestran la página siguiente cuando pasas el mouse.

Por lo tanto, he intentado algunas soluciones diferentes. Z-index era lo que esperaba que se pudiera usar para arreglar esto. no tal suerte. Podría intentar reemplazar el área de texto con un tipo de entrada simple = texto pero dado que las casillas de verificación también muestran este error, sospecho que la entrada de texto de una línea también causará el error.

Answer 1

además de los elementos de bloque el índice z funciona para todos los elementos que se lo llama IE hasLayout read more

Answer 2

Si mal no recuerdo, el único trabajo de Z-Index sobre los elementos del bloque está absolutamente posicionado. Por lo tanto, intente establecer la posición del cuadro emergente como absoluta y luego pruebe el índice Z. Si necesita que la ventana emergente esté en una posición determinada, ajuste el elemento de envoltura en posición relativa. He encontrado este problema antes, y creo que lo resolví de la manera que describí.

Answer 3

La forma más fácil de accionar hasLayout (mencionado en otro post) es agregar zoom: 1.

Al depurar algunos de los problemas de visualización más tontas IE 6/7 voy a veces sólo volcar un temporal

* { 
    zoom: 1; 
} 

a mi CSS y ver si hay algún cambio. Si lo hago, empiezo a agregarlo de manera selectiva a los elementos que comienzan con el elemento, elemento primario/secundario del elemento, etc.

zoom solo es compatible con IE, por lo que es bastante "seguro" tenerlo en el documento. También le ahorra tener que hacer cualquier cosa como elementos de posicionamiento absoluto, etc.

Answer 4

He tenido exactamente el mismo problema con los campos de entrada y las áreas de texto en IE7, pero solo si les di ancho.

No recuerdo de dónde lo saqué, pero encontré esta solución, puede que no sea muy elegante, pero solucionó el problema. Sólo tiene que añadir:

filter:alpha(opacity=100) 

a su css de atributo de estilo de los campos problemáticos.