TextArea- in IE7 verschwindet auf der Maus über

Question

Ich habe diese große Dateneingabe Art von Seite, eine Tabelle Art von Layout mit Divs. Jede Reihe hat, die Unterzeilen offen getoggelt / geschlossen werden kann. Die Hin- und Herschalten ausgelöst CSS Sichtbarkeitseinstellungen verwenden. Jede „Zelle“ der Tabelle ein wenig Bild in der Ecke hat, Sie auf das Bild klicken, und ein Popup-Fenster öffnet sich, dass Sie sich Notizen auf den Eintrag setzen können.

Dieses Popup-Fenster hat einen Textbereich und eine Reihe von Kontrollkästchen, zusammen mit einer Taste (input type = einreichen, glaube ich). Das Popup ist ein iframe in einem versteckten div verschachtelt.

In IE7, wenn Sie offen geknallt haben bemerkt diese iframe und gescrollt der Seite nach unten, über den Textbereich des Popup-mousing macht es den Seiteninhalt darunter verschwinden und zeigen. Die Kontrollkästchen zeigen auch die Seite unten, wenn Sie die Maus über.

Also, ich habe ein paar verschiedene Korrekturen ausprobiert. Z-Index war das, was ich hatte gehofft, verwendet werden könnte, um dies zu beheben. kein solches Glück. Ich könnte versuchen, den Textbereich mit einem einfachen input type = text ersetzen, aber da die Kontrollkästchen auch diesen Fehler aufweisen, ich vermute, dass die einzeilige Texteingabe wird auch den Fehler verursachen.

Answer 1

zusätzlich Elemente blockieren die z-index für alle Elemente, die funktioniert haben, was IE hasLayout lesen

Answer 2

Der einfachste Weg hasLayout auszulösen (in einem anderen Beitrag erwähnt) ist zoom: 1 hinzuzufügen.

Wenn einige der dümmsten IE Debuggen 07.06 Probleme bei der Anzeige werde ich manchmal Dump nur eine temporäre

* {
    zoom: 1;
}

auf meine CSS und sehen, ob sich etwas ändert. Ist dies der Fall beginne ich selektiv es um Elemente hinzuzufügen mit dem Element ausgehend, das Element der Eltern / Kinder, etc.

zoom wird nur von IE unterstützt wird, so ist es ziemlich „sicher“ in Ihrem Dokument haben. Es erspart Ihnen auch mit etwas verrückt wie absolut positionieren Elemente zu tun, etc.

Answer 3

Wenn ich Recht Z-Index einzige Arbeit auf Block-Elemente erinnern, die absolut positioniert sind. So versuchen, die Position des Popup-Fenster auf die absolute Einstellung und versuchen dann den Z-Index. Wenn Sie das Popup müssen in einer bestimmten Position sein, stellen Sie das Verpackungselement relativ zu positionieren. Ich habe dieses Problem zuvor begegnet, und ich glaube, ich es gerade in die Art und Weise gelöst ich beschrieben habe.

Answer 4

Ich habe das exakt gleiche Problem mit beiden Eingabefelder und Textfelder in IE7 hatte, aber nur, wenn ich sie eine Breite hat.

Ich kann mich nicht erinnern, wo ich es her habe, aber ich diese Lösung gefunden, es ist nicht sehr elegant sein, aber es löste das Problem. Fügen Sie einfach:

filter:alpha(opacity=100)

Ihre CSS-Stil-Attribut der störenden Felder aus.