Edit online

Foreground Images

You can use foreground images to impose a texture above entire pages (in the foreground).

Supported property: -oxy-foreground-image.

Usually, the foreground images contain watermarks (for example, "Draft", "Copyright", or "Do Not Copy"). This is an example of how can you do it for all the pages:

@page {
    size: A4;
    -oxy-foreground-image: url("do-not-copy.svg");
}
Notes:
  • Make sure you use an image type that supports transparency.
  • It is better to use SVG for the page artwork because they do not suffer from pixelation and because foreground images are stretched to the full page size.