Navigationsleisten-Animation
bearbeitet von Matthias ScharwiesServus!
> @@Matthias Scharwies
>
> > > Link zum Thema: [HTML/Tutorials/Navigation](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Navigation)
> >
> > Wenn Du jetzt hoverst, klappt das .submenü auf, allerdings über dem Seiteninhalt, weil es `z-index:1000` hat.
>
> Nein, das tut es nicht. `z-index` ist wirkungslos.
Stimmt! :-( Gibt's da bei Flexbox eine Möglichkeit, außer dem Inhalt (hier: div) ein z-index:-1 zu geben?
>
> > Was **nicht funktioniert**: Du kannst dieses Menü nicht mit der Tastatur (Tab-Tasten) bedienen.
>
> Dann hätte das Beispiel im Wiki nichts zu suchen!
>
> Es *ist* aber tastaurbedienbar. Wenn auch nicht gut.
Das ganze ist Teil eines Kurses / einer Serie:
* Konzepte (von @beatovich - eine eher theoretische Abhandlung; kann übersprungen werden)
* Grundstruktur
- nav, ul, li + a
- aktuelle Seite kennzeichnen
- :hover und :focus (kommt wohl erst im nächsten Kapitel)
* Dropdown-Menü
- ul und ul ul
- Gestaltung mit CSS
* Skip-Links
- Hamburger-Icon
- Pullout-Menü
* zugängliche Dropdown-Navigation
Der Kurs ist in sich noch nicht ganz stimmig, da er aus verschiedenen Teilen zusammengefügt wurde. Hätte jemand Lust, sich dort auszutoben?
>Wie’s besser geht: [es ist angerichtet](https://codepen.io/gunnarbittersmann/pen/LaNJzX).
Danke; habe Den Link ins [5. Kapitel](https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/zug%C3%A4ngliche_Dropdown-Navigation) eingefügt!
Herzliche Grüße
Matthias Scharwies
--
25 Jahre SELFHTML → **[SELF-Treffen 05.-07. Juni 2020](https://forum.selfhtml.org/events/4)** in **Mannheim**