[ERLEDIGT] Luppe über Bild mit :after oder so

[Cheffchen]

Hallo,

leute meine problem ist recht einfach :O).
Ich möchte das bei Bilder die ein Link mit einer classe zoom haben ein Luppe in der oberen rechten ecke bekommen.

Ich habe es mit unter so versucht was aber leider nicht funktioniert.
In mein jugendlichen leichtsin dachte wäre einfach zu klären, is es aber leider micht :O(.

a.zoom{
    position: relative;
}
a.zoom img {
    z-index: 5;
}
a.zoom img:after {
    content: url("http://code.klassentreffen-seelow-92.de/files/luppe.png");
    position: absolute;
    right: 0;
    top: 0;
    z-index: 6;
}

Das wäre der HTML code dazu

    <a class="zoom" href="http://www.html.de/customavatars/avatar11008_2.gif"><img alt="" style="float:right;" src="http://www.html.de/customavatars/avatar11008_2.gif"></a>
</p>    
<p>
psum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>

Hier mal der ganze code zur ansicht und zum testen:x_html_luppe_bei_links - jsFiddle

Es ist noch eine kleine schwierigkeit, es handelt sich um ein cms also würde ich das gerne nur per css gelöst bekommen sonst müsste ich zu viel ändern.

Kann einer Helfer den Onkel G hat mir nicht so richtig helfen können.

Cheffchen

 

[omoxen]

Ich glaube es liegt daran, dass ein Image-Element kein :after oder sonstiges Pseudoelement enthalten kann, denn: after benötigt ein Content-Attribut, welches eigentlich für texte gedacht ist. Und ein Image-Element kann nun mal keinen Text enthalten. Bin mir da aber auch nicht sicher und finde, dass es wenig Sinn macht...
Lege am besten ein Element um deine image-tags und wende dann darauf :after an.

 

[Cheffchen]

Hallo,

ach du grüne Nase.

scheint echt so zu sein, das es bei Bilder (img) gar nicht funktioniert.
Da muss ich mal schauen wie ich da jetzt ein span oder so zwischen geschoben bekommen.

Danke.

Cheffchen