We have a document that uses distinct screen and print css. In the screen version, we have our company name represented by text. In the print version, we use css to hide the text and show a background image of our company logo. When we generate PDFs with prince, the logo shows up. Nice.
Problem is, the background image/logo will only print at low-resolution. A high-resolution png file just makes the background image physically large (the width and height of the image grows proportionately).
Assuming we do not want to go with a javascript solution, is there any way to scale a css background image, so that it maintains it's intended width, height and resolution?
Problem is, the background image/logo will only print at low-resolution. A high-resolution png file just makes the background image physically large (the width and height of the image grows proportionately).
Assuming we do not want to go with a javascript solution, is there any way to scale a css background image, so that it maintains it's intended width, height and resolution?