How can I print background images in FF or IE?

Question

Is there any way to set ff and ie to print background images?

I am using stars image to classify some skills and I set it as a background image and positioning to either set one start, two, three, etc. When I try to print the page the images disappear.

So is there any way to make them appear when I print the page or at least have a way of replacing the images with * or something that would be visible?

Answer 1

Have you considered using a print stylesheet? This could allow you to do something like:

<div class="star">*</div>  /* media:screen */ .star {     background: ...;     overflow: hidden;     text-indent: 9999em; }  /* media:print */ .star {     text-indent: 0; } 

or even easier:

<div class="star"><img src="./images/star.jpg" alt="*" /></div>  /* media:screen */ .star img {     visibility: hidden; }  /* media:print */ .star img {     visibility: visible; } 

You can specify stylesheets browsers should use by supplying a media tag, either by css or on the link element:

<link rel="stylesheet" type="text/css" href="main.css" media="screen" /> <link rel="print stylesheet" type="text/css" href="print.css" media="print" />