Problem mit opacity
bearbeitet von Matthias ApselHallo Martin,
danke für die Lösung.
und den Duden lern ich auch noch ;-)
> 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. ;-)
>
> > ~~~css
> > .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](http://www.duden.de/rechtschreibung/Standard_Norm_Richtmasz_Guete)" ist ja mal eine ganz neue Schreibweise. Die habe ich noch nicht gesehen.