html - Chrome: Print preview differs from simulate CSS media print

Question

I am having an issue when I print my page in Chrome 26 where tables appear with grey background colour.

When I view the page in chrome with simulated CSS media print it looks fine

When printing in Safari everything works fine. Anyone knows how to fix this issue?

Answer 1

Here is the solution: Add this to your print css

* {transition: none !important}

See: https://nicolasbouliane.com/blog/print-preview-significantly-different-inspector-chrome