Der Martin: Problem mit opacity

Beitrag lesen

Hallo,

Die Schriftfarbe soll standardtmäßig abgeblendet sein (opacity:0.5;) und bei hover wieder auf opacity 1 gesetzt werden.

Warum geht das nicht?

das geht schon, aber nicht so.

In umgekehrter Folge funktioniert die Anweisung, d.h. wenn ich bei hover 0.5 gebe, und der Standardtschrift "1" wird abgeblendet.

Logisch. ;-)

.ueberschriftnavgruen {
font-family:Asap;
font-variant:normal;
font-size:14px;
letter-spacing:2px;
color:#4B5A46;
opacity:0.5;
}

.ueberschriftnavgruen a:link {color:#4B5A46; text-decoration: none;}
.ueberschriftnavgruen a:visited {color:#4B5A46; text-decoration: none;}
.ueberschriftnavgruen a:hover {color:#4B5A46;opacity:1.0;}

Du weist verschiedenen Elementen eine Teiltransparenz zu. Das Elternelement des Links setzt du fest auf opacity:0.5, und das bleibt auch so - das heißt, der gesamte Inhalt des Elements einschließlich des/der Links sind 50% transparent.
Wenn du dem Link selbst, also dem a-Element, nun seinerseits opacity:1 gibst, ist das dessen Defaultwert, den das Element sowieso schon hat. Der wird aber bei der Darstellung mit den 0.5 des Elternelements multipliziert.

Die Lösung ist genau das, was Matthias schon vorgeschlagen hat: Gib die verschiedenen opactiy-Werte demselben Element, nicht verschiedenen.

So long,
 Martin

PS: "Standardt" ist ja mal eine ganz neue Schreibweise. Die habe ich noch nicht gesehen.