I am using “@media print” for printing my html page. Here I am getting problum with background color is not visible of modelbox

Question

I am using “@media print” for printing my html page. Here I am getting problum with background color is not visible of modelbox, when I am trying to print my html page.

FF, Chrome is working fine but IE7 and IE8 it go off. Here is the link : http://jsfiddle.net/9BmXv/

attached screenshot is print preview of html.

Answer 1

Browsers usually have a user preference along the lines of "Print backgrounds" which is turned off by default (to avoid burning through vast amounts of ink). This cannot be overridden by page authors.

Consequently, print designs should almost always aim for a plain white background.

With a design like that, since the main content is covered up, you probably should display: none the main content so you are just printing the area you care about.

Answer 2

It's a setting in IE. I don't think there's a great deal you can do about it other than design your page to work well when printed with white / transparent backgrounds