Eine Lösung für einen Fehler in IE6 mit jquery-multiselect

Eine Lösung für einen Fehler in IE6 mit jquery-multiselect

Bei der Verwendung von jquery-multiselect (einem Steuerelement, das ein Dropdown-Feld in ein Mehrfachauswahl-Steuerelement mit Kontrollkästchen umwandelt) sollte es normalerweise so aussehen:

Und im IE6 sieht es so aus:

Der erste Fehler kann mit dem Hinweis „PNG-Bilder sind in IE6 nicht transparent“ behoben werden.

Beim Debuggen des zweiten Fehlers stellte ich fest, dass die Höhe des Div mit der angewendeten Hintergrundfarbe normal war und nicht nur ein wenig. Es sah so aus, als wäre es durch den weißen Hintergrund der Schaltfläche „Alles auswählen Abbrechen“ darin verdeckt, aber tatsächlich wurde der Hintergrund nicht festgelegt. Nachdem Sie die Höhe des Div auf einen festen Wert eingestellt haben, wird es normal.

Der seltsamste Fehler ist der dritte. Nur die erste Option hat keine Hintergrundfarbe, wenn die Maus darüber bewegt wird, aber die folgenden Optionen haben sie, wenn die Maus darüber bewegt wird. Nach dem Debuggen habe ich bestätigt, dass die erste Option das entsprechende Ereignis ausgelöst hat und die .hover...-Klasse zum Festlegen des Hintergrunds normal hinzugefügt wurde. Es gab keine spezielle Verarbeitung für die erste Option im js-Code und im Internet wurde keine relevante Referenz gefunden. Bei der von der offiziellen Website heruntergeladenen Demo tritt beim Ausführen im IE6 dasselbe Problem auf.

Ich habe versucht, die Rahmenfarbe in der .hover...-Klasse in ein auffälliges Rot zu ändern. Ich stellte fest, dass ich keinen roten Rahmen sehen konnte, als ich mit der Maus über die erste Option fuhr. Bei den anderen Optionen war nur der linke Rand rot, wie unten gezeigt. Ich habe also vermutet, dass es daran lag, dass es dachte, die Breite sei 0. Ich habe der Klasse .hover... eine Breitenkonstante hinzugefügt und nach dem Versuch mit width: 100%; war es normal. Sobald das Problem gelöst ist, ist alles in Ordnung.

<<:  Details zur Verwendung regulärer Ausdrücke in MySQL

>>:  Schritte zum Bereitstellen von Ingress-Nginx auf K8s

Artikel empfehlen

Analyse des HTTP-Schnittstellentestprozesses basierend auf Postman

Ich habe zufällig ein tolles Tutorial zum Thema k...

JS implementiert die Drag- und Platzhalterfunktionen von Elementen

In diesem Blogbeitrag geht es um eine Schwierigke...

jQuery implementiert Akkordeon-Kleinbuchstaben

Dieser Artikel gibt Ihnen den spezifischen Code v...

Detaillierte Erläuterung der Nginx-Anti-Hotlink- und Anti-Crawler-Konfiguration

Erstellen Sie eine neue Konfigurationsdatei (gehe...

Implementierung einer Lösung für adaptive Textbereichshöhe in Vue

Inhaltsverzeichnis Versteckte Probleme Lösung zur...

So fügen Sie einem Alpine-Image einen Ansible-Dienst hinzu

Verwenden Sie apk add ansible, um den Ansible-Die...

Zwei Implementierungslösungen für die Vuex-Datenpersistenz

Inhaltsverzeichnis Geschäftsanforderungen: Lösung...

Vue3 (Teil 2) Integration von Ant Design Vue

Inhaltsverzeichnis 1. Integrieren Sie Ant Design ...

Detaillierte Erklärung zum Anzeigen der MySQL-Speichernutzung

Vorwort Dieser Artikel stellt hauptsächlich die r...

Eine kurze Erläuterung des Sperrbereichs der MySQL-Next-Key-Sperre

Vorwort Eines Tages wurde ich plötzlich nach der ...

Upgrade des Windows Server 2008R2-Dateiservers auf Windows Server 2016

Die Benutzerorganisation verfügt über zwei Window...