创build页面页眉和页脚使用CSS进行打印

我使用Flying Saucer（将CSS / HTML转换为iText为PDF）创buildPDF，我试图使用CSS3将图像页眉和页脚应用到每个页面。

我基本上想把这个div放在每个页面的左上angular：

<div id="pageHeader"> <img src="..." width="250" height="25"/> </div> 

我的CSS看起来有点像这样：

 @page { size: 8.5in 11in; margin: 0.5in; @top-left { content: "Hello"; } } 

有没有办法让我把这个div的content ？

Answer 1

将一个元素放在每个页面的顶部：

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

见http://www.w3.org/TR/css3-gcpm/#running-elements （在飞碟工作）