Ich habe festgestellt, dass der Hover-Effekt aus dem Hauptmenü verschwindet, wenn ich auf die zweite Menüebene gehen möchte. Hier finden Sie das Beispiel:
HTML:
%Vor%CSS:
%Vor%Der Schieberegler, den ich verwende, heißt SuperBGImage . Wenn ich den Slider entferne funktioniert alles!
Ich dehne es ist der Z-Index Bug von IE, aber ich habe verschiedene Optionen ausprobiert, indem ich position: relative; ohne Erfolg hinzugefügt habe. Wie bekomme ich den Hover-Effekt im IE behoben?
Ich habe diesen JS-Code ausprobiert, aber es hilft auch nicht:
%Vor% Vielleicht ist es ein Float-Problem. Wenn ich float: left; entferne, funktioniert es besser, aber es ist nicht das Design, das es sein sollte.
Bearbeiten:
Hier können Sie das Projekt herunterladen. Ich habe eine andere Sache bemerkt. Wenn ich den Internet Explorer starte, fragt er mich, ob ich die Skripte oder die Active-X-Elemente starten möchte. Warum fragt er mich das? Ich weiß es liegt daran, dass der Slider aber normal Javascript sein sollte. Vielleicht macht das JS vom Slider hier etwas besonderes ...
Ich habe es funktioniert auf IE9 & amp; IE10 sollte auch in IE8 funktionieren , mit transparentem Hintergrund und Mauszeiger über .clearfix
Sehen Sie sich die aktualisierte - jsFiddle
anIch habe das geändert -
%Vor%Dazu -
%Vor%Und fügte Höhe und Breite dazu hinzu -
%Vor%für IE7 und darunter hinzufügen -
%Vor%Die obige Arbeit ersetzt einfach das transparente rgba durch ein solides Weiß. Es wird nicht so schön in alten IE sein, aber nur wenige Dinge sind jemals.
Beachten Sie, dass <nav> in IE8 und unter
Tags und Links html internet-explorer css z-index css-position