Lösung für den Fehler, dass IE6 select nicht durch div abgedeckt werden kann
|
Verwenden Sie div, um eine Maske zu erstellen oder ein Popup-Fenster zu simulieren. Wenn sich in IE6 jedoch ein Dropdown-Listenfeld-Auswahlelement unter dem div befindet, durchbricht das Dropdown-Listenfeld das div und wird auf dem div angezeigt. Dieses Problem tritt unabhängig vom Z-Indexwert auf. Das Problem kann an der Popup-Dropdown-Liste des Dropdown-Listensteuerelements liegen, wodurch die Höhe der Z-Achse außer Kontrolle gerät. Aber IE6 besitzt eine magische Logik: Div kann „Select“ nicht abdecken, Iframe jedoch schon und Div kann „Iframe“ abdecken. Die Lösung besteht also darin, ein Iframe-Element mit einer höheren Z-Achsenhöhe zu verwenden, um das Dropdown-Listenfeld-Steuerelement zu umschließen oder abzudecken und es so auf seine normale Z-Achsenhöhe zurückzusetzen! Der HTML-Code lautet wie folgt: HTML Quelltext Code kopieren Der Code lautet wie folgt:<div id="acontainnerbox" class="aboxinitcss"> Hier sind viele Codes, <iframe Klasse="ifhideselect" frameborder="0"></iframe> </div> Code kopieren Der Code lautet wie folgt:<div id="acontainnerbox" class="aboxinitcss"> Hier sind viele Codes, <iframe Klasse="ifhideselect" frameborder="0"></iframe> </div> Der CSS-Code lautet wie folgt: HTML Quelltext Code kopieren Der Code lautet wie folgt:.aboxinitcss{ Position: absolut; Rand oben: 0px; Rand links: 0px; Anzeige: keine; Hintergrund:#FFF; Rand: durchgezogen #CCC 1px; Polsterung: 30px; z-Index:9999; Breite: 620px; Überlauf: versteckt; } .ifhideselect{ z-Index: -1; Breite: 680px; Höhe: 255px; Position: absolut; Rand: 0; links: 0; oben: 0; } .aboxinitcss{ Position: absolut; Rand oben: 0px; Rand links: 0px; Anzeige: keine; Hintergrund:#FFF; Rand: durchgezogen #CCC 1px; Polsterung: 30px; z-Index:9999; Breite: 620px; Überlauf: versteckt; } .ifhideselect{ z-Index: -1; Breite: 680px; Höhe: 255px; Position: absolut; Rand: 0; links: 0; oben: 0; } Dadurch wird dieser Fehler behoben. Der Z-Index des Iframes muss auf eine negative Zahl gesetzt werden, sonst wird er nicht abgedeckt. |
<<: Spezifische Verwendung des Stapelkontexts in CSS
>>: Ein Artikel, der Ihnen ein tiefes Verständnis von Mysql-Triggern vermittelt
Artikel empfehlen
Zusammenfassung verschiedener Methoden für JavaScript um festzustellen ob es sich um ein Array handelt
Inhaltsverzeichnis Vorwort Array.istArray Konstru...
Lernprogramm für HTML-Webseitenlisten-Tags
Lernprogramm zum Erlernen von Listen-Tags für HTML...
Zusammenfassung der Verwendung von MySQL-Datums- und Uhrzeitfunktionen
Dieser Artikel basiert auf MySQL 8.0 Dieser Artik...
Der Prozess der Installation und Konfiguration von Nginx in Win10
1. Einleitung Nginx ist ein kostenloser, quelloff...
Freigabe der schnellen Wiederherstellungslösung für große MySQL-SQL-Dateien
Vorwort Bei der Verwendung einer MySQL-Datenbank ...
IDEA-vollständiger Code zum Herstellen einer Verbindung mit einer MySQL-Datenbank und Durchführen von Abfragevorgängen
1. Schreiben Sie zuerst eine Mysql-Link-Einstellu...
Wissen Sie, wie viele Verbindungen ein Linux-Server verarbeiten kann?
Vorwort Sehen wir uns zunächst an, wie eine TCP-V...
Öffentlicher Upload-Bereich für mehrere Typen von Anhangsbildern auf der Vue-Seite und anwendbares Faltfenster (Beispielcode)
In Front-End-Projekten ist das Hochladen von Anhä...
HTML-Optimierung beschleunigt Webseiten
Offensichtliches HTML, verstecktes „öffentliches ...
Implementierung mehrerer Tomcat-Instanzen auf einer einzigen Maschine
1. Einleitung Zunächst müssen wir eine Frage bean...
Detailliertes Tutorial zur Verwendung des Prettier Code-Plugins in vscode
Warum prettier verwenden? In großen Unternehmen k...
Einführung in Jenkins und wie man Jenkins mit Docker bereitstellt
1. Verwandte Konzepte 1.1 Jenkins-Konzepte: Jenki...
Docker-Bindung mit fester IP/Hostübergreifender Container-Gegenzugriffsvorgang
Vorwort Bisher waren statische IPs, die über Pipe...
Beispielcode zur Implementierung eines 3D-Bucheffekts mit CSS
Schauen wir uns zunächst ohne Umschweife die Rend...
Zwei Methoden zur Implementierung der Mysql-Remoteverbindungskonfiguration
Zwei Methoden zur Implementierung der Mysql-Remot...