13 November 2011

Print CSS backgrounds in Google Chrome & Safari webkit

Up until now it's been impossible, but a new fix published this week by the chrome team makes it simple for a site developer to trigger background printing using CSS...

Just add the following CSS rule to any element you want to print as it looks on screen (you need chrome 17 or higher for this to work):

If I helped you out, please see my note  :)    >>
-webkit-print-color-adjust:exact;

11 comments:

Anonymous said...

Are you serious that all web developers in the world have to apply this to their sites to get it printed in arrogant Chrome?

Anonymous said...

Thanks a lot. It works perfectly! I wish it was easier to do this, though.

Anonymous said...

WTH, after weeks of searching for a solution i have found this.


Thanks a lot!

Anonymous said...

Work for me on chrome but not on Safari
Safari version is 5.1.7

Andres Hernandez said...

finally!! why isnt this in google groups?

Unknown said...

Nope. This doesn't appear to work any more, at least as of Chrome 22.0.1229.79

Anonymous said...

It works for me in Chrome 22. Test print preview of:

http://jsfiddle.net/zDE9s/

Ahmad Amro said...

Thanks man i really looked around a lot tell now

Thaaaaaaaaaaaanks

Valdeir said...

wowwwwwwwwwwww, thanks.

Arnaldo said...

Thanks a lot. It works perfectly!

Anonymous said...

"Are you serious that all web developers in the world have to apply this to their sites to get it printed in arrogant Chrome?"

You obviously have no idea what is even going on here.

Post a Comment

Cron Design Studio: Dublin based web design & software development