Mit content:attr(foo) kann man nette Sachen anstellen.
a:after { content:attr(href); }
Das attr() kann natürlich auch alle möglichen anderen Attribute auslesen, was allerlei Möglichkeiten eröffnet. Wie wäre es zum Beispiel mit schönen Zitaten?
blockquote[cite]:after { content: "Zitat " attr(cite) ":"; }
Automatische Beschreibungstexte zu Bildern wäre auch eine Möglichkeit:
img:after { content: attr(alt); }
Wenn nur der blöde Internet Explorer nicht wäre …
Kommentare (9)
Stefan David ¶
20. Mai 2008, 12:30 Uhr
Beim Ausreizen dieser Möglichkeiten kommt es natürlich schnell zu einer Vermischung der Ebenen Inhalt und Darstellung. Solange es aber nur um zusätzliche Infos, wie im Beitrag beschrieben, geht, Sehe ich in der Anwendung kein Problem. Und dann kann man den IE auch vernachlässigen.
Nico ¶
20. Mai 2008, 12:37 Uhr
Naja...für den IE kann man das doch sicher per JavaScript nachrüsten (ähnlich wie bei transparenten PNGs). Müsste nur mal jemand machen (das ist der Punkt wo alle ihre Köpfe einziehen und abhauen müssen)…
Sebastian ¶
20. Mai 2008, 13:24 Uhr
bekommt das denn wenigstens der ie7 hin?
MiSc ¶
20. Mai 2008, 14:06 Uhr
Was wir brauchen sind Foo Fighters, die dafür kämpfen!
Peter ¶
20. Mai 2008, 15:08 Uhr
Zitat Sebastian:
Nein, leider nicht. Sonst wäre das wirklich mehr als nur eine Spielerei.
Peter Marquardt ¶
20. Mai 2008, 17:34 Uhr
Möglicherweise bekommt man es für IE7 wie hier beschrieben hin:
http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html
Dort geht es zwar um Hyperlink Cues, aber vielleicht schafft der Doctype-Trick ja auch bei dieser Sache Abhilfe. Probiert das mal jemand aus, der ein Windows greifbar hat?
Nico ¶
20. Mai 2008, 19:31 Uhr
Zitat Stefan David:
Naja…eine Quellenangabe empfinde ich dann schon eher als wichtigen Bestandteil denn Zusatzinfo.
John ¶
20. Mai 2008, 21:10 Uhr
Zitat Nico:
Nö, Dean Edwards hat erhobenen Hauptes genau das gemacht:
http://code.google.com/p/ie7-js/
Mit der ie8.js funktioniert auch content mit attr() und url().
erlehmann ¶
21. Mai 2008, 13:08 Uhr
Zitat Nico:
Z.B. Microsoft.