heinetz: Hintergrundbild für print.css sichtnar machen

Beitrag lesen

Hallo Forum,

ich habe folgendes Problem:

<div id="headline_div" style="background-image: url(headsubline.gif);">
 <h1>Headline</h1>
 <h2>Subline</h2>
</div>

... das ist meine Konstruktion, um die Head-/Subline in der Haustypo
darzustellen und gleichzeitig barrierefrei (also bei Ausschalten von
css) die Head-/Subline anzuzeigen.

Jetzt bin ich gerade dabei ein prin.css zu definieren, um ausserdem
eine druckerfreundliche Ansicht zu schaffen. bei mir wird die
Headline suaber und ordentlich angezeigt. Auf einem anderen Rechner
aber nicht, weil dort per Default hintergrundbilder nicht angezeigt
werden. Diese Defauleinstellung hatte ich vergessen ;(

... und würde aber nun gerne das Bild beim Drucken sichtbar machen.
Dazu fällt mir folgender Ansatz ein:

Für Links (a-tags) habe ich im print.scc folgende Definition, die
funktioniert:

a[href]:after {
 content:" http://www.example.net"attr(href)"";
 color:#888;
 background-color:inherit;
 font-style:italic;
}

Es wird also ein Content per css generiert. Lässt sich das auf
mein problem anwenden ? Etwas so:

#headline_div h1{
 content:" "<img src=""attr(style:background)"">";
}

Oder funktioniert das mit dem Ansatz nicht und hat jemand eine
gute andere Idee ?

Danke für Tipps und

beste gruesse,
martin