pdf - 印刷用の CSS を使用したページ ヘッダーとフッターの作成

Question

Flying Saucer (CSS/HTML を iText に PDF にダンプする) を使用して PDF を作成しており、CSS3 を使用して各ページに画像ヘッダーとフッターを適用しようとしています。

基本的に、この div を各ページの左上に配置したいと思います。

<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 (空飛ぶ円盤で動作)を参照してください。