Search code examples
htmlcssbackground-imagewatermarkprinting-web-page

CSS media print background image

I want to print a watermark/background image on the print document. The watermark/background image would not be visible on screen.

Solution

  • This is coming a bit late, but you might getting away with absolutely positioning your image, bring down the z-index to -1 and then give it a class specific to print media like .printOnly. With that you can style your @media all

    .printOnly{
    display:none;
}

    …then in your @media print just leave that styling open

    .printOnly{

}

    As for printing with different browsers I'm getting images out from FF, Safari and Opera.