:before will nicht bei <img>

[ChrisB]

Hi,

Sagt mir jemand dass das für <img>-Elemente nicht gilt?

Genau.
:before/:after und content fügen Inhalt zum bestehenden Inhaltes eines Elements hinzu, aber so, als ob er *innerhalb* des Elements wäre.
:before/:after heissen "pseudo elements", weil sie genau das sind/machen: Zusätzliche Elemente innerhalb des Elements, auf das sie angewandt werden, erzeugen.

Schau dir das Beispiel in der Spezifikation an, http://www.w3.org/TR/CSS21/generate.html#before-after-content

<p> Text </p> mit der Formatierung p:before { display: block; content: 'Some'; }
soll laut diesem genauso wie bspw. das folgende
<p><span>Some</span> Text </p> mit Formatierung span { display: block }
gerendert werden.

<img><span>...</span></img> gibt's aber nicht.

MfG ChrisB