Creating page headers and footers using CSS for print

Question

I\'m creating a PDF using Flying Saucer (which dumps out CSS/HTML to iText to a PDF) and I\'m trying to use CSS3 to apply an image header and footer to each page.

I

Answer 1

Putting an element to the top of each page:

@page {
  @top-center {
    content: element(pageHeader);
  }
}
#pageHeader{
  position: running(pageHeader);
}

See http://www.w3.org/TR/css3-gcpm/#running-elements (works in Flying Saucer)