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

Detaillierte Interpretation der Datei /etc/fstab im Linux-System

Vorwort [root@localhost ~]# cat /etc/fstab # # /e...

Ausführliche Erläuterung des Prinzips des MySQL Innodb-Index

Einführung Wenn ich zurückblicke, sagte der Lehre...

Tutorial zur DHCP-Konfiguration in der CentOS7-Umgebung

Inhaltsverzeichnis Konfigurationsbefehlsschritte ...

Installationsmethode für komprimierte MySQL 5.6-Pakete

Es gibt zwei Installationsmethoden für MySQL: MSI...

Detaillierte Analyse der MySQL Master-Slave-Replikation

Vorwort: In MySQL sollte die Master-Slave-Archite...

Viewport-Parameter für mobile Browser (Web-Frontend-Design)

Mobile Browser platzieren Webseiten in einem virtu...

So konvertieren Sie MySQL horizontal in vertikal und vertikal in horizontal

Daten initialisieren Tabelle löschen, wenn `test_...

Linux verwendet die suid vim.basic-Datei, um eine Rechteausweitung zu erreichen

Auf Kali reproduzieren Legen Sie zunächst die Sui...

Vorschläge zur Optimierung der Webseiten-Kopfzeile

Logo-Optimierung: 1. Das Logobild sollte so klein...

Zusammenfassung der Docker-Datenspeicherung

Bevor Sie diesen Artikel lesen, hoffe ich, dass S...

Erfahrungen bei der Neugestaltung der Homepage von TOM.COM

<br />Ohne Vorwarnung sah ich auf cnBeta Neu...

Mysql kann keine nicht aggregierten Spalten auswählen

1. Einleitung Ich habe mein Blog kürzlich aktuali...

Vue implementiert mehrere Ideen zum Themenwechsel

Inhaltsverzeichnis Themen dynamisch ändern Die er...