Background image in print.css

Hello all,

I’ve created a print.css for a site I’m working on and its working fine apart from printing a background image (site logo) that I’ve added to the <body> tag as a background image, left aligned, vertically top.

How can I get the printout to display this? Is there a workaround to get print.css to display this single background image?

cheers :slight_smile:

As Ralph said, browsers don’t print background images from the CSS file. You have to include it in the HTML and set the screen CSS file to display:none, while the print can have it shown :slight_smile:

Am I the only one who wonders why anyone would put something as important as a logo in the background? The image is obviously important to the identity of not just the page or the site. Users can allow background images to print but they have to explicitly set it within the defaults in Internet Options (in the advanced tab). :slight_smile:

I don’t think you can print background images. You could put the image in the HTML, and set it to display only in the print style sheet (display:none in the main style sheet).