LinkBack URL
About LinkBacks
ZitierenNabend
Der IE versteht alle Pseudoklassen nur beim a-Tag, jedoch sollte dort funktionieren. Falls nicht, zeig mal den Code
Hallo,
wenn ein Link den Fokus erhält, gibt es ja die pseudoklasse :focus um das aussehen zu ändern. Leider funktioniert das bei mir nur im Firefox. Gibt es da für den IE auch eine Möglichkeit?
Nabend
Der IE versteht alle Pseudoklassen nur beim a-Tag, jedoch sollte dort funktionieren. Falls nicht, zeig mal den Code
Hmm, also damit funzt es nicht:
Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> <style type="text/css"> a { color: #000000; } a:focus { color: #ff0000; } </style> </head> <body> <a href="#">test</a> </body> </html>
Nabend nochmal
versuchs mal indem du bei der Definition für a:focus noch a:active mitdefinierst:
a:active,a:focus {....}
Müssen nicht alle Pseudoklassen in der richtigen Reihenfolge definiert werden, damit es funktioniert?
Je größer der Deppenfaktor, desto gigantischer das Bescheidwissergefühl
-Dieter Nuhr
jup, das ist richtig. du musst schon alle definieren, d.h. erstmal nach dem schema LoVe HAte und danach den focus:
desweiteren versteht der ie :focus mmn. gar nicht, deswegen der umweg über :active.Code:a:link {} a:visited {} a:hover {} a:active {} a:focus {}
Geändert von ingo (07.12.2005 um 10:43 Uhr)
Laut SelfHTML versteht nur der IE 3.0 "a:focus" nicht, wo liegt also jetzt die Wahrheit?
+lg Nightline
-------------------------
Fotoportfolio: http://www.coeser.de/showcase/
Städte-Fotos aus aller Welt: http://www.coeser.de/impressions/
DeviantArt-Account: http://nightline.deviantart.com
irgendwo da draussen...Zitat von Nightline
wo liegt also jetzt die Wahrheit?
Pseudoklassen müssen in der richtigen Reihenfolge definiert werden, damit es vernünftig funktioniert. CSS verhält sich nämlich, wie switch/case ohne break. Zum Beispiel, das hier funktioniert prächtig:
Wurde der Link noch nicht besucht, funktioniert :hover wunderbar. Wurde der Link schon einmal besucht, scheint :hover nicht mehr zu funktionieren.Code:a:hover { color: red; } a:visited { color: blue; }
Naja, eigentlich funktioniert es doch. Aber da der Link auch die Pseudoklasse :visited hat, wird die erste Regel von der zweiten Regel überschrieben. Wenn der Link also schon mal besucht wurde, bleibt er rot auch dann, wenn der Mauszeiger drüber fährt; ist der Link aber noch unbesucht, so wird er ganz normal blau beim drüberfahren.
Möglicherweise ist das auch im Sinn des Designers. Generell aber gilt dies als unhilfreich und nicht besonders benutzerfreundlich. Doch funktionieren tut es.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
