Hallo Gunnar,
Danke für die erneute Erweiterung meines Horizonts - und schon
wieder hast Du eine kreative Lösung/Spielerei mit :before bereit ...
Ergänzung:
p:before { z-index: -1 }
, damit der Text markierbar ist.
Dein Online-Beispiel sieht ja neben Firefox 3.5 auch in
MS IE 8 wie gewünscht aus, allerdings ist im MS IE 8 trotz dem
z-index der Text nicht mit der Maus markierbar.
Auch sonst ist es ja wohl eher ein "proof of concept" als ein
(heute) praxistauglicher Vorschlag, da z.B. auch die Darstellung
im Firefox 3.0 recht merkwürdig ist: zuerst ca. 25 leere rote Linien,
dann erst der Text. Also wären wohl Browserweichen o.ä. notwendig,
wenn man so etwas auf die Welt loslassen möchte ...
Aber als originelle Spielerei schätze ich solche Vorschläge sehr!
Freundliche Grüsse,
Thomas