Skip to content Skip to sidebar Skip to footer

Css @page Background-images On All Pages?

I want the same background image on every printed page. Anytime a page is needed because of overflow, it should have the same background image as the previous one. I've been trying

Solution 1:

For printing you might want to use the @media print media query instead of @page or combine them. Also the size property doesn't seem to have a valid value.

@media print {
  @page {
    size: letter portrait;
    background-image: url("something.jpg");
    padding: 3in .5in .75in .5in;
  }
}

Solution 2:

This way of getting it done works:

@media print {
    body {
        background: url("something.jpg");
    }
}

Also ensure also your browser settings about your printer let you to print a background. (In Firefox, it's the option tab in the dialog letting you choose your printer.)

Post a Comment for "Css @page Background-images On All Pages?"