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

So geben Sie chinesische Zeichen im Linux-Kernel aus

Sie können problemlos Chinesisch eingeben und im ...

Zusammenfassung der Grundkenntnisse und Vorgänge der MySQL-Datenbank

Dieser Artikel erläutert anhand von Beispielen di...

Häufig verwendete englische Schriftarten für die Webseitenerstellung

Arial Arial ist eine serifenlose TrueType-Schrifta...

So verwenden Sie das Marquee-Tag im XHTML-Code

Im Forum habe ich gesehen, dass der Internetnutzer...

HTML-Beispielcode zum Lesen und Anzeigen von Bildern in einem lokalen Ordner

Ein Zweck Wählen Sie auf der HTML-Seite einen lok...

Einfaches Beispiel für die Definition und Verwendung von MySQL-Triggern

Dieser Artikel beschreibt die Definition und Verw...

MySQL-Optimierung: Join statt Unterabfrage verwenden

Verwenden Sie JOIN anstelle von Unterabfragen MyS...

Umfassende Analyse von Prototypen, Prototypobjekten und Prototypketten in js

Inhaltsverzeichnis Prototypen verstehen Prototypo...

Schnelles Verständnis und Beispielanwendung der Vuex-Zustandsmaschine

Inhaltsverzeichnis 1. Schnelles Verständnis von K...

Installieren Sie Memcached und die PHP Memcached-Erweiterung unter CentOS

In Bezug auf das leistungsstarke verteilte Speich...

Implementierung von proxy_pass im Nginx-Reverse-Proxy

Das Format ist einfach: Proxy_Pass-URL; Die URL u...

So installieren Sie die MySQL 8.0-Datenbank auf dem M1-Chip (Bild und Text)

1. Herunterladen Zunächst möchte ich einen inländ...