uwe: Pseudoklasse :focus

Beitrag lesen

Hallo zusammen,

durch Zufall bin ich auf eine Designidee gestoßen, die mir wirklich gut gefällt und die ich gerne in etwas abgewandelter Form einsetzen möchte:

http://www.cssplay.co.uk/menu/one_page.html

Statt bei :hover den Tab Inhalt sofort wieder auszublenden, würde ich es allerdings lieber sehen, wenn der alte Inhalt sichtbar bleibt und erst bei :focus eines anderen Tabs ausgeblendet und durch einen neuen Inhalt ersetzt wird. Ist das überhaupt möglich?

Bisher dachte ich immer, daß man die Pseudoklassen :hover und :focus auf andere Elemente anwenden kann, aber bei :focus scheint das nicht zu funktionieren. Ich beiße mir nun schon seit Stunden die Zähne daran aus, im o.g. Beispiel das :hover zu ersetzen und die gewünschte Funktionalität zu erreichen, aber leider ohne Erfolg. Hat jemand eine Idee?

Danke

Uwe
Portland, Oregon