html2pdfを実装したhttp://www.simpleinvoices.orgで請求書テンプレートを作成しようとしています。
私はドキュメントを読み、http://www.tufat.com/docs/html2ps/compatibility.css.2.1.htmlで、z-indexの互換性が「部分的であり、絶対位置のボックスのみでサポートされている」ことを発見しました。数値がサポートされています。」
私のレイアウトには透かし画像 (jpg) が必要ですが、解像度が 72ppp よりも高いため、背景を使用する代わりに、データ テーブルをコンテナー DIV にラップし、透かしを別の DIV にラップしようとしています。 -画像は通常どおり (CSS2.1 では背景画像のサイズをカスタマイズできません)。
CSS
#container{
width:700px;
position: relative; /* changing to absolute doesn´t work either */
display:block;
z-index:1 !important;
margin:15px auto;
}
#watermark{
width: 500px; /* image size */
top:730px;
left:253px;
display:block;
position: absolute;
z-index:-1 !important;
}
HTML
<div id="container">
<table>
...
</table>
</div>
<div id="watermark">
<img src="...">
</div>
HTML プレビューでは透かし画像の上にテーブルが表示され (正しい動作)、PDF では逆に (画像の下にテーブルが表示され、これは間違っています) 表示されるのはなぜですか?
解決策はありますか?
ティア