3D Buttons mit CSS

[Arx]

Γειά σου, Bernd!

Ich habe versucht mit CSS ein 3D-Menü zu bauen, aber leider funktioniert nur im Firefox das active-Element nicht.

Das "active-Element" gibt es nicht, höchstens die Pseudoklasse :active.

Enthält mein Code einen Fehler?

Ja. ;-)

[...]
a:link.button {
[...]
a:visited.button {
[...]
a:hover.button {
[...]
a:active.button {
[...]
a:focus.button {
[...]

In dieser Reihenfolge kann der von dir gewünschte Effekt nicht eintreten. Warum? Wenn du den Button anklickst, tritt der Fall :active ein. Gleichzeitig gibst du dem Button den Fokus, also tritt auch :focus ein und überschreibt die Vorgaben aus :active.

Eine Frage, die genau diese Thematik zum Inhalt hatte, tauchte auch vor kurzem im SELFHTML-Gewinnspiel auf, auf der Lösungsseite findest du die Angelegenheit auch nochmal erklärt.

Пока!
Sven aus Bonn