Ein Freund und ich versuchen, den IE zu umgehen (7/8). Wir haben hier ein kanonisches Beispiel erstellt:
Mit einem CSS-Menü möchten wir Selects in ihnen haben. Im IE wird das Menü jedoch deaktiviert, wenn Sie mit der Auswahlbox interagieren. Wir glauben, dass dies mit einem Fehler bei der Auswahl von Ereignissen zusammenhängt.
Gibt es eine Problemumgehung? Zumindest mit reinem CSS oder DOM-Hacks?
Hier ist eine Möglichkeit, das Verhalten in IE7 / 8 zu verbessern, aber das Problem wird nicht behoben.
DOCTYPE ändern
%Vor%Skript hinzufügen
%Vor%CSS hinzufügen
%Vor%Es wird zumindest besser funktionieren, aber natürlich nicht perfekt.
Ich rate dazu, das Steuerelement in HTML-Äquivalent zu ändern. Ich benutze OboutDropDown , das eine schöne Sicht hat. Es gibt viele Implementierungen, die Sie erfüllen können.
Zuerst müssen Sie die: hover Oberfläche unter Ihrem Menü erweitern.
Also fügen Sie in Ihrer CSS width:310px;height:220px zu #nav .nav_element a hinzu.
(Fügen Sie auch eine Klasse oder ID für das zweite div hinzu, das mit top:220px formatiert ist)
Jetzt müssen Sie nur noch einen mousedown simulieren, wenn Sie auf klicken, was bei der Auswahl zwischen den Optionen anhält - Sie können wahrscheinlich die letzte machen Teil, wenn Sie nach dem onfocus Status der Auswahl suchen, der den mousedown stoppt.
Tags und Links internet-explorer css select hover