HTML/CSS - Styling for print, background color and image would not show in IE and Firefox?

html css printing-web-page
user2029716 picture user2029716 · Feb 2, 2013 · Viewed 12.8k times · Source

how can i show the background color and image while printing, i knew it this is the browser properties but i want to complete it from CSS such as i use for webkit -webkit-print-color-adjust: exact; so how can i achieve it.

Answer

rubo77 picture rubo77 · Feb 2, 2013

No, it is not possible, see: -webkit-print-color-adjust

The -webkit-print-color-adjust property is a non-standard CSS extension that can be used to force printing of background colors and images in browsers based on the WebKit engine.

There is no such solution for Firefox or IE.

The only solution there is to uncheck the checkbox "Print background colors" in the print dialog manually.

Related questions

Print page numbers on pages when printing html

I've read a lot of web-sites about printing page numbers, but still I couldn't make it display for my html page when I try to print it. So the CSS code is next: @page { margin: 10%; @top-center { font-family: sans-serif; font-weight: bold; …

Read More
Set printer paper size through css

My printer default size is A4,and I need to print payslip in size 8.5inx5.5in using the old dot matrix printer. I tried to set every payslip DIV in a fixed height, width: 175.6mm; height:123.7mm; margin-left:auto; margin-right:…

Read More
Modify the top and bottom margin of a printed HTML Page

I am looking to have a 75px margin on the top and bottom of each printed page. I have tried putting the margin on the body and a wrapper div, but both of these options just add a margin to …

Read More