Print CSS problem with Chrome/IE

[Richard30]

Print CSS problem with Chrome/IE

Having a print-friendly CSS issue with Chrome and IE/MS Edge browsers… images in the page won’t render in the print preview dialog, but canceling out and immediately trying to print again (CTRL + P) the images will show up. Images will render in Mozilla Firefox on first try every time, however. Anybody got a simple fix for this?

I saw this problem and this worked for me…

.example:before {
content: ‘’;
background:url(‘…/img/Logo.png’) no-repeat;
}

@media print {
.example:before {
content: url(‘…/img/Logo.png’);
}
}

Give me your feedback.