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

Ungewöhnliche, aber nützliche Tags in Xhtml

Xhtml hat viele Tags, die nicht häufig verwendet w...

my.cnf-Parameterkonfiguration zur Optimierung der InnoDB-Engine-Leistung

Ich habe im Internet unzählige my.cnf-Konfigurati...

So erstellen Sie geplante Aufgaben mit dem Crond-Tool in Linux

Vorwort Crond ist ein Tool zur geplanten Ausführu...

JS-Dekorationsmuster und TypeScript-Dekoratoren

Inhaltsverzeichnis Einführung in das Decorator-Mu...

Lösung für den Fehler beim Kompilieren des LVGL-Emulators unter Linux

Inhaltsverzeichnis 1. Fehlerphänomen 2. Fehlerana...

Implementierungsbeispiel für das Zurücksetzen des CSS-Reset-Stils

Einführung: Alle Browser verfügen über Standardst...

JavaScript zum Erzielen eines Bodeneffekts

In diesem Artikel wird der spezifische JavaScript...

JavaScript implementiert einfache Datumseffekte

Der spezifische Code der JavaScript-Datumseffekte...

7 nützliche neue TypeScript-Funktionen

Inhaltsverzeichnis 1. Optionale Verkettung 2. Nul...

SQL Left Join und Right Join - Prinzip und Beispielanalyse

Es gibt zwei Tabellen, und die Datensätze in Tabe...

Zusammenfassung der 10 am häufigsten gestellten Fragen in Linux-Interviews

Vorwort Wenn Sie sich auf die Stelle eines Betrie...