Meine Güte, hat mich das wieder Nerven gekostet…

Ich arbeite gerade an einem Web-Template und durfte wieder einmal feststellen, dass ich schon wieder viel zu lange Pause gemacht habe. Und demzufolge natürlich überhaupt nicht auf dem Laufenden bin, welche Browser welche Bugs haben (oder einfach diverse Dinge wieder vergessen habe).

Für das Menü nutze ich JQuery und ein Plugin. Einfach, weil ein bestimmter Effekt inkl. Verzögerung gewünscht ist. Überall funktionierte es wunderbar, nur nicht im Internet Explorer 7. Und ich hatte keinen Schimmer, weshalb. Bis ich irgendwann mal alles bis auf das Menü aus dem Layout geworfen habe und plötzlich feststellen durfte: Das Menü funktioniert ja! Nur zu sehen war nichts davon.

Nun, der IE7 hat offensichtlich einen ziemlich dämlichen Bug beim Rendern des Z-Index, deshalb öffnete sich das Menü immer hinter dem eigentlichen Content. Und deshalb hatte es den Anschein, dass es nicht funktionierte. Tja, wenn man es einmal weiß…

Die Lösung war dann (relativ) simpel und geholfen hat mir ein kleines Script, welches auch direkt JQuery nutzt (eine Variante für MooTools gibts da auch). Für den Fall, dass es außer mir noch jemand nicht mitbekommen hat 😉 Der Tipp ist übrigens aus dem Jahr 2008…