Jonathan: Opacity überschreiben funktioniert nicht

Beitrag lesen

Wieso nicht? Kannst du mir sagen, wie ich diesen opacity-Wert überschreiben kann?

Gar nicht. Eine Opacity des Elternelementes kann man nicht überschreiben. Opacity wird nicht vererbt und ist deshalb durch Kindelemente nicht aufhebbar. Genausowenig wie du display:none bei Kindelementen aufheben kannst, wodurch die dann wieder sichtbar würden.

Du kannst höchstens halbtransparente Hintergründe nehmen (PNG), oder du musst eben dafür sorgen, dass es sich um kein Kindelement handelt. Wenns dir um die durchsichtigkeit des Textes geht, bastel dir sowas:

<span class="trans">Blah</span><div class="kindelement">blah</div>
<span class="trans">Blah Blah</span>