:after & :before auf Bilder anwendbar?

Hallo zusammen.
Ich habe mal eine frage: Sind die Pseudoelemente :after und :before auch auf bilder anwendbar? D.h. Wenn ich habe:

HTML:

1. .link1:hover:after{
2.     content:url(bildrand.gif);
3.  
4. }

dann müsste doch eigentlich dahinter das beschriebene bild koimmen.... Oder geht das bei grafiken nicht=?

Danke im Voraus

 

AW: :after & :before auf Bilder anwendbar?

ich bin mir das jetzt wirklich nicht sicher, aber soweit ich weiß, ist das eben nur auf elemente anwendbar, die auch wieder durch einen schließenden Tag geschlossen werden, also <span> </span> <div> </div> und der gleichen...
der img-Tag ist ja selbst schließend, und daher funktioniert das nicht...
aber ob es wirklich daran liegt weiß ich nicht...

Du kannst dein Bild ja einfach in ein Span-Element schreiben... dann gehts sicherlich!

Grüße

 

AW: :after & :before auf Bilder anwendbar?

Okey ich probiers mal, danke für den tipp

 

AW: :after & :before auf Bilder anwendbar?

Funktioniert super! Danke nochmals!

 

AW: :after & :before auf Bilder anwendbar?

content: Inhalte einfügen: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
funktioniert im IE allerdings erst ab V.8

 

AW: :after & :before auf Bilder anwendbar?

Ja okey, danke auch noch mal an sokie