Hintergrundbild für print.css sichtnar machen

[heinetz]

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

[suit]

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

es funktioniert mit dem ansatz zwar schon, aber in fast allen browser ist das drucken von hintergrund farben oder bildern per standard deaktiviert

[Gunnar Bittersmann]

@@heinetz:

ich habe folgendes Problem:

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

Binde das Bild – welches offensichtlich zum Inhalt gehört – dementsprechend ein. Und schon hast du das Problem nicht mehr.

Live long and prosper,
Gunnar