Print preview behaves differently in Google Chrome

Question

I have a bootstrap page that needs to be printed. I get a problem in Google Chrome. There are images (vector) that should also be printed.

For some reason, images that are in vector format get a red background color http://i60.tinypic.com/29lfp61.png . On Windows, the color becomes grayish.

Also, when I load a pdf page, this is not the same image that is stored. http://i58.tinypic.com/1fhjio.png .

Normal .jpg images work fine.

Everything works with Mozilla.

I tried Background color not showing in print preview , answer from here that didn't work.

So I'm not sure what the problem is. Is there a fix for this? Please guide. Thanks in advance.

Answer 1

As I can see, the background changes only to the image , and you are trying to change it for the entire cell of the table . Try the following code to set the background image:

@media print {
tr.vendorListHeading img {
   background-color: #ffffff !important;
   -webkit-print-color-adjust: exact; 
}}