Probleme mit Border und Opacity

[Gunnar Bittersmann]

@@bleumi85

ich hab versucht mir eine Art-Tabdarstellung zu bauen, was mir auch gelungen ist.

Nicht wirklich. div sind keine interaktiven Elemente; es ist unsinnig, sie zu welchen zu machen. Zum Umschalten zwischen Tabs brauchst du aber interaktive Elemente (die auch per Tastatursteuerung zu erreichen sind); a-Elemente bieten sich an.

Guckst du Simple ARIA tab interface in Heydon Pickerings Practical ARIA Examples.

Ich hab das ganze jetzt mal kurz hier nachgebaut.

JSFiddle ist für CSS nur mäßig geeignet.

Mein Problem ist jetzt, dass die Border vom Container bei den Tabs am unteren Rand zu sehen ist. Hat jemand einen Tipp für mich wie ich das behoben bekomme?

Den Rand nur dort erzeugen, wo er sein soll: CodePen.

LLAP 🖖