Dropdown Menü im IE8 und älter

In älteren Internet Explorer Versionen gibt es diverse Probleme mit der Darstellung von Dropdown Menüs, die nur auf CSS basieren. Wenn das Menü mehr als zwei Unterebenen hat, werden diese dritten, vierten usw. Ebenen bis zum IE8 alle dargestellt, wenn man über einen Oberpunkt in der ersten Unterebene hovert. Das ist so natürlich nicht gewünscht und kann auf einigen Umwegen korrigiert werden.
Dafür benötigen wir zuerst in der HTML Datei zwischen den HEAD-Tags den Code für ein alternatives Stylesheet (conditional stylesheet), das für IE8 und älter gilt:

"Dropdown Menü im IE8 und älter" Weiterlesen

Dropdown Menü mit CSS3

dropdown-menue-mit-css3

Häufig werden Dropdown Menüs mit Javascript umgesetzt, um eine Animation zu ermöglichen. Doch mittlerweile geht dies auch gut alleine mit CSS3. Hier zeige ich Ihnen, wie ein Dropdown Menü zu realisieren ist, dass sich mit einer auf CSS3 basierenden Animation ausklappt.
Zuerst schreiben wir eine einfache verschachtelte Liste in HTML, die wir für die horizontale und vertikale Variante verwenden können:

"Dropdown Menü mit CSS3" Weiterlesen