Chrome: print preview differs from CSS media print simulations

Question

I had a problem printing my page in Chrome 26, where tables with a gray background are displayed. When I view a page in chrome using simulated CSS printing, it looks great

When printing in Safari, everything works fine. Does anyone know how to fix this problem?

Answer 1

Here is the solution: Add this to your css print

* {transition: none !important} 

See: http://wisercoder.com/print-preview-significantly-different-inspector-chrome/

Answer 2

You can try -webkit-print-color-adjust:exact; , which overrides the setting in which Chrome removes background colors. This may solve your problem.