opacity vererbung in Webkit

[Jeena Paradies]

Hallo,

Ich versuche in Webkit (die Safariengine), mit Hilfe von opacity etwas ausblenden, und dahinter dann ein sichtbares Zeichen einzufügen. Ich habe zwei Sachen probiert, die aber leider nicht geklappt haben:

.duplicateNick { opacity: 0; }  
.duplicateNick:after { content: "»"; opacity: 0.5; }

.duplicateNick { opacity: 0; }  
.duplicateNick::after { content: "»"; opacity: 0.5; }

Das Zeichen » wird leider trotzdem durchsichtig angezeigt. Wenn ich das mit color mache:

.duplicateNick { color: white; }  
.duplicateNick:after { content: "»"; color: black; }

dann funktioniert es wie erwartet, der Text wird ausgeblendet, das Zeichen » wird schwarz angezeigt. Doch leider hat der Text unterschiedliche Farben und das Zeichen soll genau in der Farbe erscheinen wie der Text nur mit 50% durchsichtigkeit.

Hat jemand irgendwie eine Idee wie man das hinbekommt?

Grüße
Jeena Paradies